RadButtonToggleState Tooltip

[Maurizio]

Hi,
is it possible to set a tooltip on the image of a button's RadButtonToggleState?
If yes, how?

Thank you

[Slav]

Hi Maurizio,

This feature is not currently supported out of the box by the RadButton. Nevertheless you can implement it with the button's client-side API. For this purpose OnClientToggleStateChanged client-side event can be used to set the RadButton's tooltip with the string specified in the Text property of the RadButtonToggleState. Please find attached my sample project implementing this functionality.

I hope the suggested solution helps you with your case.

Greetings,
Slav
the Telerik team

[Maurizio]

It is perfect!!
Thank you very much.

[Padmanaban]

  <telerik:RadGrid ID="RadMyTrainee" EnableViewState="false" runat="server" AllowPaging="true"
                                        AllowSorting="True" GridLines="None" AllowFilteringByColumn="false">
                                        <ItemStyle Wrap="false"></ItemStyle>
                                        <MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed">
                                            <Columns>
                                                <telerik:GridNumericColumn DataField="Id" HeaderText="Id" HeaderStyle-Width="100px"
                                                    Visible="false" FilterControlWidth="50px">
                                                </telerik:GridNumericColumn>
                                                <telerik:GridTemplateColumn HeaderText="Name">
                                                <HeaderTemplate>
                                                  <telerik:RadButton ID="RadButton1" runat="server" ToggleType="CheckBox" ButtonType="StandardButton"    OnClientCheckedChanged="oncheckedchange"
               AutoPostBack="false">
               <ToggleStates>
                    <telerik:RadButtonToggleState Text="Checked" PrimaryIconCssClass="rbToggleCheckboxChecked" >
                    </telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState Text="UnChecked" PrimaryIconCssClass="rbToggleCheckbox">
                    </telerik:RadButtonToggleState>
               </ToggleStates>
          </telerik:RadButton>
                                               <%--    <asp:CheckBox ID="CheckBox1" runat="server"   onchange="Checked(this);"  />--%>
                                                </HeaderTemplate>
                                                    <ItemTemplate>
                                                     <telerik:RadButton ID="RadButton2" runat="server" ToggleType="CheckBox" ButtonType="StandardButton"   AutoPostBack="false">
               <ToggleStates>
                    <telerik:RadButtonToggleState Text="Checked" PrimaryIconCssClass="rbToggleCheckboxChecked">
                    </telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState Text="UnChecked" PrimaryIconCssClass="rbToggleCheckbox">
                    </telerik:RadButtonToggleState>
               </ToggleStates>
          </telerik:RadButton>
                                                        <%--<asp:CheckBox ID="CheckBox2" runat="server" />--%>
                                                    </ItemTemplate>
                                                </telerik:GridTemplateColumn>
                                                <telerik:GridTemplateColumn DataField="Name" HeaderText="Name">
                                                    <ItemTemplate>
                                                        <telerik:RadTextBox ID="Name" runat="server" Width="80px" ReadOnly="true">
                                                        </telerik:RadTextBox>
                                                    </ItemTemplate>
                                                </telerik:GridTemplateColumn>
                                                <telerik:GridBoundColumn DataField="UserName" HeaderText="UserName">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Email" HeaderText="Email">
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                        </MasterTableView>
                                        <PagerStyle AlwaysVisible="true" Mode="NumericPages"></PagerStyle>
                                        <ClientSettings>
                                            <ClientEvents OnRowClick="onRowClick" OnCommand="RadGrid1_Command" OnRowDataBound="RadGrid1_RowDataBound">
                                            </ClientEvents>
                                        </ClientSettings>
                                    </telerik:RadGrid>
                                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
                                    </telerik:RadAjaxLoadingPanel>
                                    <asp:Panel ID="Panel1" ScrollBars="Vertical" Height="0px" runat="server">
                                    </asp:Panel>



hi,

could you possible check all in header radbuttontoggle using javascript ?

Please help.......
 using  javascript 

[Danail Vasilev]

Hello Padmanaban,

Please find my answer to your question in this forum thread.

Can I also ask you to not open multiple forum threads for similar questions, so that there are no duplicate threads?

Thank you for your cooperation.

Regards,
Danail Vasilev
Telerik