Change button style on click.

[Ivy]

Hi,

Is it possible to change the style of the RadToolBar button once it is clicked?

Thank you,
Ivy.

[Princy]

Hello,

Yes, it is possible to change the item style when the mouse button is pressed using the ClickedCssClass property. Please have a look at the following code in which the style of the button is changed when it is clicked.

ASPX:

<telerik:RadToolBar ID="RadToolBar1" runat="server">
    <Items>
        <telerik:RadToolBarDropDown runat="server" Text="File">
            <Buttons>
                <telerik:RadToolBarButton runat="server" Text="New" ClickedCssClass="CustomClickedItem">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Open">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Exit">
                </telerik:RadToolBarButton>
            </Buttons>
        </telerik:RadToolBarDropDown>
    </Items>
</telerik:RadToolBar>

CSS:

<style type="text/css">
    .CustomClickedItem .rtbText
    {
        font-style: italic !important;
        color: Red !important;
    }
</style>

Thanks,
Princy.