How do I use Ribbonbar Togglebuttons clientside?

[per]

Hi,
I want to be able to prevent the toggle button from posting back, while retaining the toggle state change in order to run some custom client-side code that represents the action taken by the button-click.

I noticed that one can cancel the postback by using:

args.set_cancel(true)

however when this is done, the toggle event itself is completely cancelled and the state remains as-is. There doesn't seem to be any Postback="false" options on the RibbonBar items, am I missing something?

Thanks,

[Kate]

Hello Per,

You can use jQuery to find the toggle button by its css class and add (or remove when you need to remove the toggle state of the button)  the respective styles by using the predefined rrbToggled css class. For instance the code below sets the rrbToggled class when a toggle button is clicked:

function OnClientButtonToggling(sender, args) {
          args.set_cancel(true);
          $telerik.$(".rrbToggleButton").addClass("rrbToggled");
      }

markup:

<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server" Width="100%" OnClientButtonToggling="OnClientButtonToggling"> ....

Regards,
Kate
the Telerik team