This is a migrated thread and some comments may be shown as answers.

Positioning and Layout

1 Answer 82 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Rakesh
Top achievements
Rank 1
Rakesh asked on 24 Nov 2015, 04:29 AM

I am new to html5 world. Need some help in layouts (css).

I created a sample in plunker. http://plnkr.co/edit/nXxN17?p=preview

Basically, i am looking for main body non-scrollable. All content should be with in main page and making center element scrollable(in this case listview).

 

this is my requirement.

body
div - 40px;
div - maxHeight: 100px; - header
div(pager) - 30px;
div(listview) - * fill height and scrollable
div -
div - maxHeight: 100px; - footer
div - height - 40px; - buttons always stays on bottom

 

Appreciate your help

- Thanks

Rakesh

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 25 Nov 2015, 04:28 PM
Hi Rakesh,

The described scenario requires the ListView element (div#listView) to have a height style and an overflow:auto style. The height can be calculated with Javascript, depending on the height of the browser viewport and the other elements on the page.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Rakesh
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or