|
Title: Center panel layout width without an East panel [Solved] Post by: devnull on January 27, 2015, 03:29:40 AM When you have no East panel in a layout, the center (main) panel width does not appear to be set correctly:
http://jsfiddle.net/seKvb/26/ You can see that the red border around the 100% input should be visible around the whole element but is hidden on the right and bottom. How to solve this ? Thanks Title: Re: Center panel layout width without an East panel Post by: jarry on January 27, 2015, 03:57:41 AM Please set the "box-sizing:border-box" CSS style to the input element.
http://jsfiddle.net/seKvb/27/ Title: Re: Center panel layout width without an East panel Post by: devnull on January 27, 2015, 04:15:14 AM Many thanks for the quick reply.
The example I posted was a simple example of a nested layout that I have that contains panels and tabs, and the solution you gave appears to work for that. I will have to try and create another fiddle that is more similar to the actual code I am using. Thanks Title: Re: Center panel layout width without an East panel Post by: devnull on January 28, 2015, 01:20:34 AM OK, maybe you take a look at this.
http://jsfiddle.net/seKvb/29/ The text box size is too wide for the container and is extending beyond the parent element. Title: Re: Center panel layout width without an East panel Post by: jarry on January 28, 2015, 03:17:12 AM Please try this updated example http://jsfiddle.net/seKvb/30/. It works fine.
Title: Re: Center panel layout width without an East panel Post by: devnull on January 28, 2015, 03:30:31 AM Great, thanks a lot for helping.
But what is the logic in determining which divs / panels need to have fit applied and which to create with and without the 'easyui-panel' class ? Title: Re: Center panel layout width without an East panel Post by: jarry on January 28, 2015, 07:00:48 PM An element with 'easyui-*' class means that this element will be parsed automatically. If a component has child panel such as layout, tabs, etc. You do not need to assign the 'easyui-panel' class to its child elements, otherwise the duplicate parsing will occur.
Title: Re: Center panel layout width without an East panel [Solved] Post by: devnull on January 28, 2015, 07:36:19 PM Thanks, but when do you know where to add the "FIT" property ?
|