I've spent the last day trying to create a splitter like this image: http://imageshack.us/photo/my-images/683/mockupm.jpg/
What I end up with is:
What I end up with is:
- top vertical row shrinks and shows scrollbars
- does not resize on window change
- scroll bars showing vertically in horizontal rows despite having little content
I've followed this post: http://www.kendoui.com/forums/ui/splitter/100-window-height-splitter.aspx with no luck.
I've also copied everything Dimo posted and it doesn't work correctly - similar problem to what I've described above. Not sure if it is an IE9 thing...
3 Answers, 1 is accepted
0
Hi,
Atanas Korchev
the Telerik team
Could you provide the code which you have used? It is not possible to tell what's wrong without seeing it.
Greetings,Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gabriel
Top achievements
Rank 1
Rank 1
answered on 13 Jan 2012, 06:29 AM
If you look at this Fiddle: http://jsfiddle.net/kyHHx/1/ you'll see what I mean. Some of the issue I mentioned before appear outside of jsFiddle but you can see what I mean anyway.
The splitter does not expand to 100% despite being told too. Also, I haven't a clue on how to make the right pane be 200px and the left the remainder without specify the entire horizontal row width in pixels (which I don't want).
The splitter does not expand to 100% despite being told too. Also, I haven't a clue on how to make the right pane be 200px and the left the remainder without specify the entire horizontal row width in pixels (which I don't want).
0
Accepted
Hello Gabriel,
You must set a 100% height to the <html> element as well.
Pane width or height is controlled via the size property (accepts a string value)
http://jsfiddle.net/dimodi/kyHHx/3/
Regards,
Dimo
the Telerik team
You must set a 100% height to the <html> element as well.
Pane width or height is controlled via the size property (accepts a string value)
http://jsfiddle.net/dimodi/kyHHx/3/
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!