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;
}
Comment