We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Ribbon ToggleButton

Thread ID:





128444 Jan 23,2017 07:14 AM UTC Jan 25,2017 05:24 AM UTC ASP.NET Core 3
Tags: Ribbon
George Rossopoulos
Asked On January 23, 2017 07:14 AM UTC


i have the follow problem.
I have 2 togglebuttons and I want each time I press a button the previous selected to cleared.
The html for the two togglebuttons is bellow simplified JavaScript. By default the 'btbing' button is ON.
Now if the user clicks the 'btosm' button i want the 'btbing' to turned off.
I am using Javasript and jquery.
the JavaScript is as follow but does not work

Thank you in advance for the Help

function onBing(e)

Buvana Sathasivam [Syncfusion]
Replied On January 24, 2017 07:37 AM UTC

Hi George,   
Thank you for using Syncfusion products.   
We suspect that the cause of the issue is because you are using attr('toggleState:false’); . You need to use  ej control properties like, ejToggleButton({ "toggleState": false }).  Please check the following code to resolve the issue.   
<e-group text="Save" align-type=Rows>   
              // By default btbing first toggle button is ON   
               <e-content-group id=”btbing">   
                  <e-toggle-button-settings default-text="Btbing" active-text="Btbing" toggle-state="ture" click="onBing"/>   
              // second toggle button   
                <e-content-group id=”btosm">   
                  <e-toggle-button-settings default-text="Btosm" active-text="Btosm" click="onBing"/>   
         <e-defaults type="ToggleButton" height="70px" is-big="false"></e-defaults>   
      function onBing(e) {   
         // check btosm toggle button   
          if (args.model.activeText == "Btosm") {   
           // Call ribbon toggle button Id and find toggle button and set toggle state   
           $("#defaultRibbon_home_Font_btbing").find("input.e-togglebutton").ejToggleButton({ "toggleState": false });   
           $("#defaultRibbon_home_Font_btosm").find("input.e-togglebutton").ejToggleButton({ "toggleState": false });   
Please refer to the below UG documentation link for Toggle Buttons:   
Please let us know if you need further clarification.   
Buvana S.   

George Rossopoulos
Replied On January 24, 2017 08:49 AM UTC

Hi Buvana

thank you for the prompt reply.


Buvana Sathasivam [Syncfusion]
Replied On January 25, 2017 05:24 AM UTC

Hi George, 
Thanks for your update. Let us know if you have any queries, we are happy to assist you. 
Buvana S. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon