Hi Aneliya,
I reviewed the demo's but my situation is a bit different.
I should have mentioned that I need to do this from Javascript.
For example, when a user clicks on a particular object on the diagram (3rd party control), I need to interrogate its properties and then light up the appropriate toolbar item.
Here's a subset of my toolbar declaration:
<telerik:RadToolBarButton runat="server" ToolTip="Bold" CheckOnClick="True" Value="textBold" ImageUrl="Images/Navvia/bold.png">
</telerik:RadToolBarButton>
<telerik:RadToolBarButton runat="server" ToolTip="Italic" CheckOnClick="True" Value="textItalic" ImageUrl="Images/Navvia/italic.png">
</telerik:RadToolBarButton>
<telerik:RadToolBarButton runat="server" ToolTip="Underline" CheckOnClick="True" Value="textUnderline" ImageUrl="Images/Navvia/underline.png">
</telerik:RadToolBarButton>
And here's a snippet of the script that is attempting to check the appropriate toolbarbutton:
var toolBarID = $telerik.$("[id$='RadToolBar1']").attr("id");
var toolBar = $find(toolBarID);
var textBold = toolBar.get_items().getItem(19);
var textItalic = toolBar.get_items().getItem(20);
var textUnderline = toolBar.get_items().getItem(21);
...
if (object) {
// Bold
if (object.labels[0]) { // node
if (object.labels[0].bold) {
textBold.check();
} else {
textBold.unCheck();
}
}
// Italic
if (object.labels[0]) { // node
if (object.labels[0].italic) {
textItalic.check();
} else {
textItalic.unCheck();
}
}
// Underline
if (object.labels[0]) { // node
if (object.labels[0].textDecoration == 'underline') {
textUnderline.check();
} else {
textUnderline.unCheck();
}
}
The above will highlight only 1 of the 3 buttons.
For example if all 3 properties are set, only the Underline button is selected.
If Bold and Italic are set, only the Italic button is selected.
Any other suggestions?
Thanks
Jim