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>
<e-content>
<e-contents>
<e-content-groups>
// 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"/>
</e-content-group>
// second toggle button
<e-content-group id=”btosm">
<e-toggle-button-settings default-text="Btosm" active-text="Btosm" click="onBing"/>
</e-content-group>
</e-content-groups>
<e-defaults type="ToggleButton" height="70px" is-big="false"></e-defaults>
</e-contents>
</e-content>
</e-group> |
|
<script>
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 });
}
else
$("#defaultRibbon_home_Font_btosm").find("input.e-togglebutton").ejToggleButton({ "toggleState": false });
}
</script> |
Please refer to the below UG documentation link for Toggle Buttons:
Please let us know if you need further clarification.
Regards,
Buvana S.
