Center panel layout width without an East panel [Solved]

[devnull]

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

[jarry]

Please set the "box-sizing:border-box" CSS style to the input element.

http://jsfiddle.net/seKvb/27/

[devnull]

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

[devnull]

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.

[jarry]

Please try this updated example http://jsfiddle.net/seKvb/30/. It works fine.

[devnull]

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 ?

[jarry]

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.

[devnull]

Thanks, but when do you know where to add the "FIT" property ?