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