Selectitem Menu list is misaligned

[nayyer.kamran]

Hi,

Please see the attched menu item. We are using smartgwt 4.0 and all the SelectItem menus are displayed like this. is there any fix available for this version?

[Isomorphic]

This doesn't happy for SelectItems by default (as you can see from any of our examples in the showcase).
There is something special in your app causing this issue for you - Custom CSS could be responsible, or some config or other condition we're unaware of.

We'd recommend you start by checking whether removing any custom CSS fixes the issue. If not, we'll probably need a way to reproduce - ideally a sample we can run and a description of steps to reproduce the problem (including browser and OS details as well as the exact build version you're using, as reported by evaluating "isc.version" in the developer console)

Thanks
Isomorphic Software

[karankhokhani]

I ran into the same issue. It is caused when we set the style for the form

Smartgwt version Version v9.1p_2014-06-03/Enterprise Deployment (2014-06-03)
Browser : IE/FF/Chrome

Here is the sample code to reproduce.

import java.util.LinkedHashMap;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.SelectItem;

public class SelectItemTest implements EntryPoint {

    public void onModuleLoad() {

        SelectItem selectItem = new SelectItem("item", "SelectItem");
        selectItem.setWrapTitle(false);
        selectItem.setEmptyDisplayValue("Empty");
        selectItem.setRequired(true);
        selectItem.setValidateOnChange(true);
        
        LinkedHashMap<String,String> map = new LinkedHashMap<String, String>();
        map.put("key1", "val1");
        map.put("key2", "val2");
        selectItem.setValueMap(map);
        selectItem.setValue("key2");
        
        DynamicForm form = new DynamicForm();
        form.setFields(selectItem);
        form.setStyleName("propertiesPanel");
        form.draw();
        
    }

    
}

CSS

.propertiesPanel {
    padding-left:10px;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:5px;
    border-bottom:1px solid red;
}

Could you please let me know the fix for this.

Thanks

[karankhokhani]

Hi ... any update on this? please let me know. thanks

[Isomorphic]

We have an engineer looking into this and will follow up as soon as we have more information

Regards
Isomorphic Software

[Isomorphic]

We've made a change to address this issue in the 4.0p, 4.1p and 5.0d branches.
Please try the next nightly build, dated June 22 or above

Regards
Isomorphic Software

[karankhokhani]

Thanks for the update. I'll try with the new build.