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 not resizing within the Splitter control

Thread ID:





123965 May 3,2016 05:30 PM UTC May 4,2016 12:25 PM UTC JavaScript 1
Tags: ejRibbon
James Pham
Asked On May 3, 2016 05:30 PM UTC

Ribbon is placed inside a Splitter control and its allowResizing property set to true. When I resize the splitter, but the Ribbon doesn't resize with it. It does resize, however, when the browser window is resized.

How do I configure the Ribbon to resize to the sizing of not only the browser window but also the splitter control?

Kavitha Narayanan [Syncfusion]
Replied On May 4, 2016 12:25 PM UTC

Hi James,   
Thank you for contacting Syncfusion support.    
We had achieved your requirement “Configure the Ribbon to resize to the sizing of not only the browser window but also the splitter control” through resize event of splitter control where we set Ribbon width as Splitter width.   
Please refer to the code and sample.   
$(function () { 
                height: 250,width:"100%", 
                orientation: ej.Orientation.Vertical, 
                properties: [{}, { paneSize: 80,resizable:true}], 
        });set resize event here 
function splitresize(args,sender){ 
                                var ribbonobj= $("#defaultRibbon").data("ejRibbon"); 
                                var val=$("#defaultRibbon").parent().width()+"px";//get width of splitter control 
Once all the groups are in collapsed state, if we try to reduce the size again in that instance elements will not show.   
Kavitha N. 


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