IPickTreeItem icons css bug

[vostapenko]

v8.3p_2012-11-27/PowerEdition Deployment (built 2012-11-27)
Firefox 16.0.2
Graphite theme

All css customizations are off.

When the DynamicForm contains IPickTreeItem with icons and

dynamicForm.setBorder("1px solid #DDD");

icons are misplaced (screenshot).

Without border - everything's fine.

[vostapenko]

Update: icons are fine, IPickTreeItem itself is in the wrong place.

[Isomorphic]

Using the sample:

isc.DynamicForm.create({
    width: 200,
    border: 1,                          
    numCols: 4,
    fields : [
        { name: "alpha",
          editorType: "SelectItem",
          icons: [{ src: "other/help.png" }]
        },
        { name: "bravo",
          editorType: "IPickTreeItem",
          icons: [{ src: "other/help.png" }]
        }
    ]
});

I see that the IPickTreeItem sits lower in the form than the Selectitem, while the icons are both centered. Is that the issue you're referring to?

[vostapenko]

Correct.

Try this one:

isc.DynamicForm.create({
            width:200,
            border:5,
            numCols:4,
            fields:[
                { name:"alpha",
                    editorType:"SelectItem",
                    icons:[
                        { src:"[SKIN]/pickers/clear_picker.png",
                            width:18,
                            height:22
                        }
                    ]
                },
                { name:"bravo",
                    editorType:"IPickTreeItem",
                    icons:[
                        { src:"[SKIN]/pickers/clear_picker.png",
                            width:18,
                            height:22
                        }
                    ]
                }
            ]
        });

We have some space between treepicker and the clean button in our examples and it looks acceptable.

When there is no space between them - it looks like a solid control and such 1px displacement looks pretty bad. Take a look at my screenshot one more time.

Thank you.

[Isomorphic]

We have made a change to address this issue. Please try the nightly build (3.1p or 4.0d branch) dated Dec 6 or higher

Regards
Isomorphic Software

[vostapenko]

I still see the problem (screen) in v8.3p_2012-12-06/PowerEdition Deployment (built 2012-12-06), cache is cleared ofc (even i'm using loadISC tag).

[Isomorphic]

We just ran against the 12/7 nightly without seeing the problem.
Same sample code as before:

isc.DynamicForm.create({
            width:200,
            border:5,
            numCols:4,
            fields:[
                { name:"alpha",
                    editorType:"SelectItem",
                    icons:[
                        { src:"[SKIN]/pickers/clear_picker.png",
                            width:18,
                            height:22
                        }
                    ]
                },
                { name:"bravo",
                    editorType:"IPickTreeItem",
                    icons:[
                        { src:"[SKIN]/pickers/clear_picker.png",
                            width:18,
                            height:22
                        }
                    ]
                }
            ]
        });

Running on Firefox 17.0.1 (Mac OSX).
Can you try that build and if you still see the problem, please verify whether you're running that exact code as well as:
- Browser version and OS
- Full content of the HTML page used to display this (we're really interested in doctype, additional css, etc - anything that might impact display)

Thanks
Isomorphic Software

[vostapenko]

In Firefox 17 everything's fine. That suits me. TY.

[vostapenko]

In the latest 12-12-12 3.1p build IPickTreeItem is again rendered incorrectly.

First of all try this one

isc.DynamicForm.create({
            width: 200,
            numCols: 4,
            fields: [
                { name: "alpha",
                    editorType: "SelectItem",
                    icons: [
                        { src: "[SKIN]/pickers/clear_picker.png",
                            width: 18,
                            height: 22
                        }
                    ]
                },
                { name: "bravo",
                    editorType: "IPickTreeItem",
                    icons: [
                        { src: "[SKIN]/pickers/clear_picker.png",
                            width: 18,
                            height: 22
                        }
                    ]
                }
            ]
        });

You can see that height of picktreeitem is not equal to icon height.

That's probably not a big problem, but... IPickTreeItems setHeight() method is not working.

isc.DynamicForm.create({
            width: 200,
            numCols: 4,
            fields: [
                { name: "alpha",
                    editorType: "SelectItem",
                    height: 50,
                    icons: [
                        { src: "[SKIN]/pickers/clear_picker.png",
                            width: 18,
                            height: 22
                        }
                    ]
                },
                { name: "bravo",
                    editorType: "IPickTreeItem",
                    height: 50,
                    icons: [
                        { src: "[SKIN]/pickers/clear_picker.png",
                            width: 18,
                            height: 22
                        }
                    ]
                }
            ]
        });

[vostapenko]

Still can't set height for IPickTreeItem...