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.
Unfortunately, activation email could not send to your email. Please try again.

Ribbon not resizing within the Splitter control

Thread ID:

Created:

Updated:

Platform:

Replies:

123965 May 3,2016 01:30 PM May 4,2016 08:25 AM JavaScript 1
loading
Tags: ejRibbon
James Pham
Asked On May 3, 2016 01:30 PM

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 08:25 AM

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 () { 
            $("#outterSpliter").ejSplitter({ 
                height: 250,width:"100%", 
                orientation: ej.Orientation.Vertical, 
                properties: [{}, { paneSize: 80,resizable:true}], 
                                                                enableAutoResize:false, 
            }); 
            $("#innerSpliter").ejSplitter({enableAutoResize:false,resize:"splitresize"}); 
        });set resize event here 
 
function splitresize(args,sender){ 
                                var ribbonobj= $("#defaultRibbon").data("ejRibbon"); 
                                var val=$("#defaultRibbon").parent().width()+"px";//get width of splitter control 
                                ribbonobj.setModel({width:val}) 
 
 
 
 
Once all the groups are in collapsed state, if we try to reduce the size again in that instance elements will not show.   
Regards, 
Kavitha N. 


CONFIRMATION

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.

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.

;