Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    11.1p ComboBoxItem with valueIcons styling issue

    Hi Isomorphic,

    please see this sample (v11.1p_2018-01-22) in Tahoe and Enterprise. It seems the icons are not correctly positioned after selecting an entry.
    Tahoe: No spacing
    Enterprise: Too little spacing and not vertically centered.

    Code:
    var valueMap = {
        "US" : "<b>United States</b>",
        "CH" : "China",
        "JA" : "<b>Japan</b>",
        "IN" : "India",
        "GM" : "Germany",
        "FR" : "France",
        "IT" : "Italy",
        "RS" : "Russia",
        "BR" : "<b>Brazil</b>",
        "CA" : "Canada",
        "MX" : "Mexico",
        "SP" : "Spain"
    }
    
    var valueIcons = {
        "US" : "US",
        "CH" : "CH",
        "JA" : "JA",
        "IN" : "IN",
        "GM" : "GM",
        "FR" : "FR",
        "IT" : "IT",
        "RS" : "RS",
        "BR" : "BR",
        "CA" : "CA",
        "MX" : "MX",
        "SP" : "SP"
    }
    
    isc.DynamicForm.create({
        ID: "form2",
        width: 620,
        colWidths: [190, "*"],
        isGroup: true,
        groupTitle: "Select / Combo Controls",
        fields : [
        {
            name: "selectItem", title: "Select", hint: "<nobr>A combobox with icons</nobr>",
            editorType: "ComboBoxItem",
            valueMap : valueMap,
            valueIcons : valueIcons,
            imageURLPrefix : "flags/16/",
            imageURLSuffix : ".png"
        }
        ]
    });
    
    
    isc.VStack.create({
        membersMargin: 10,
        members: [ form2]
    });
    Best regards
    Blama
Working...
X