Hi,
The code for ribbon block xml is given below
<tab text="Settings">
<item type="block" text="Rating Scale Limits" mode="cols">
<item id="rs_lolimit" type="slider" size="100" min="1" max="10" step="1" value="1" enableTooltip="true" />
<item id="rs_uplimit" type="slider" size="100" min="1" max="10" step="1" value="10" enableTooltip="true" />
<item id="ratings_txt" type="text" text="Limits : 1 -> 10" />
</item>
</tab>
The ratings_txt automatically changes color and size when the slider moves along with the value(see pic): Is there a way to prevent size changes ?
The slider event code is
dhxRibbon.attachEvent("onValueChange", function(id, value){
if(id=="rs_lolimit"){
dhxRibbon.setItemText("ratings_txt","Limits : "+dhxRibbon.getValue("rs_lolimit")+" -> "+dhxRibbon.getValue("rs_uplimit"));
if(value > dhxRibbon.getValue("rs_uplimit")){
dhxRibbon.setValue("rs_uplimit", value,null);
};
};
if(id=="rs_uplimit"){
dhxRibbon.setItemText("ratings_txt","Limits :"+dhxRibbon.getValue("rs_lolimit")+" -> "+dhxRibbon.getValue("rs_uplimit"));
if(value < dhxRibbon.getValue("rs_lolimit")){
dhxRibbon.setValue("rs_lolimit", value,null);
};
};
});