Announcement

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

    showFocused for SelectItem behaves differently

    When a select item is is multiple view mode, the showFocused style does not apply unless I actually specify showFocused: true. But if the select item is not in multiple view, it does show focused style by default. Is this intended behaviour?

    Code:
    isc.DynamicForm.create({
        width: 500,
        fields: [{textBoxStyle: "myHighGridCell",name: "shipTo", title: "Ship to", type: "select",
            hint: "<nobr>Overnight shipping available for countries in bold</nobr>",
            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"
            },
            imageURLPrefix:"flags/16/",
            imageURLSuffix:".png",
            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"
            }
        },{type:"text"}]
    });
    
    isc.DynamicForm.create({
        width: 500,top:200,
        fields: [{multiple:true, multipleAppearance: "grid",textBoxStyle: "myHighGridCell",name: "shipTo", title: "Ship to", type: "select",
            hint: "<nobr>Overnight shipping available for countries in bold</nobr>",
            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"
            },
            imageURLPrefix:"flags/16/",
            imageURLSuffix:".png",
            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"
            }
        },{type:"text"}]
    });
    
    
    .myHighGridCell{
        font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:22px; text-overflow:ellipsis;
        color:red;
        border-bottom:1px solid #ffc0c0; border-top:1px solid #ffc0c0;
        background-color:#ffc0c0;
    }

    #2
    When you use multipleAppearance:"grid", we're shifting over to using a different class NativeSelectItem where showFocused is not true by default. So you could do this to set this system-wide:

    Code:
    isc.NativeSelectItem.addProperties({ showFocused:true });

    Comment

    Working...
    X