EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
April 30, 2024, 12:09:26 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
South panel cut off
Pages: [
1
]
« previous
next »
Print
Author
Topic: South panel cut off (Read 14076 times)
pacific202
Newbie
Posts: 35
South panel cut off
«
on:
October 11, 2011, 03:14:18 PM »
My south layout panel is getting cut off, and I don't know how to fix it! Tested in IE7 and latest Chrome.
Here's what I have on the page in terms of height/width/fit:
easyui-panel (no fit or style)
easyui-layout (no fit, style=width:100;height=400)
div west (no fit, width:350px;height:300px)
form (elements have width:200px)
div center (no fit or style)
datagrid (no fit, height:400px)
div south (no fit, height:400px)
datagrid (no fit, height:400px)
I've played around with putting fit="true" on all sorts of elements, and setting the heights of inner and outer elements to try and get this to work, but nothing seems to be able to get the south panel to grow any larger.
With that said, if I put fit="true" on the south panel then the page loads with the South panel taking up the whole panel, and I can minimize it to see the west and center panels. Close, but not what I need.
Logged
pacific202
Newbie
Posts: 35
Re: South panel cut off
«
Reply #1 on:
October 11, 2011, 03:28:39 PM »
Although I'd really like to get all three displaying at page load, a valid workaround would be to set the south panel to hidden at load AND the title of the south panel to be displayed when it is hidden (right now there's just a blue bar which doesn't let the users know what is down there).
Logged
pacific202
Newbie
Posts: 35
Re: South panel cut off
«
Reply #2 on:
October 11, 2011, 03:49:10 PM »
Solved by moving the south panel outside the parent easyui-panel, but I'd still like to know why putting it in the south area didn't work.
easyui-panel (no fit or style)
easyui-layout (no fit, style=width:100;height=400)
div west (no fit, width:350px;height:300px)
form (elements have width:200px)
div center (no fit or style)
datagrid (no fit, height:400px)
<br>
div (no fit, height:400px)
datagrid (no fit, height:400px)
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...