do not collapse the ribbon

[Luis Carlos]

Good morning.

When I double click on a tab, the ribbon collapses itself, and if I double click again on a tab, the ribbon expands itself. Can I change the ribbon properties in order to not collapse or expand?

I mean, I would not like to hide or collapse the ribbon anyway. Is it possible? Can you give me any sample?

I will be awaiting for your reply, thank you in advance.

Regards, Luis Carlos.

[Piramanayagam Ramakrishnan]

Hi Luis Carlos, 

 

Sorry for the inconvenience. 

 

We have analyzed your query. If you are double click on the tab in Ribbon component then, tab will be expanded or collapsed. This is the behavior of Ribbon component. But you can achieve your requirement in application level by preventing double click event of tab. Please refer to below code example. 

 

[Script] 

 

//prevent dblclick event of the tab 

$("#defaultRibbon").find('.e-header > li > a').dblclick(function (e) { 

    e.stopPropagation(); 

}); 

//prevent click event of the expand collapse button 

$("#defaultRibbon_togglebutton").bind("click touchend", function (e) { 

    e.stopPropagation(); 

}) 

 

 

For your reference, we have prepared a sample based on this in the link: https://jsplayground.syncfusion.com/kuyn5p32 

 

Please let us know whether the provided sample is helpful in achieving your requirement. If not, revert with more information to proceed further. 

 

Regards,
Piramanayagam R