Hi,
I'm working on project where we're going to replace a frameset infrastructure.
Right now I'm evaluating the telerik web.ui component, primarly Splitter and Dock controls.
What want to achive is a portal page that are built up of rows and cols.
The portals height and width should always be 100% of the browser page.
If a page in the portal doesn't fit in the corresponding "cell", scrollbars should become visible in that particular cell only.
Each cell has a header and content part where the header part should'nt be part of the scrolling area.
I've tried using your Dock control but failed when it comes to scrolling support.
I've submitted some html-code below to try to explain my needs.
Is this doable with the telerik control library?
Regards
I'm working on project where we're going to replace a frameset infrastructure.
Right now I'm evaluating the telerik web.ui component, primarly Splitter and Dock controls.
What want to achive is a portal page that are built up of rows and cols.
The portals height and width should always be 100% of the browser page.
If a page in the portal doesn't fit in the corresponding "cell", scrollbars should become visible in that particular cell only.
Each cell has a header and content part where the header part should'nt be part of the scrolling area.
I've tried using your Dock control but failed when it comes to scrolling support.
I've submitted some html-code below to try to explain my needs.
Is this doable with the telerik control library?
Regards
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<style type="text/css"> |
html, body, form, table |
{ |
height: 100%; |
width: 100%; |
margin: 0px; |
padding: 0px; |
overflow: hidden; |
} |
.header |
{ |
height: 23px; |
background-color: #e6e4e4; |
} |
</style> |
<title></title> |
</head> |
<body> |
<table border="0" style="background-color: #cecece;"> |
<tr style="height:50%"> |
<td colspan="2"> |
<table border="0" cellspacing="0"> |
<tr> |
<td class="header">widget header: vecka.nu</td> |
</tr> |
<tr> |
<td> |
<iframe src="http://vecka.nu" width="100%" height="100%" frameborder="0"></iframe> |
</td> |
</tr> |
</table> |
</td> |
</tr> |
<tr style="height: 50%"> |
<td style="width:50%"> |
<table cellspacing="0"> |
<tr> |
<td class="header"> |
widget header: vecka.nu |
</td> |
</tr> |
<tr> |
<td> |
<iframe src="http://vecka.nu" width="100%" height="100%" frameborder="0"></iframe> |
</td> |
</tr> |
</table> |
</td> |
<td style="width: 50%"> |
<table cellspacing="0" style="background-color:White;"> |
<tr> |
<td class="header"> |
widget header: other content |
</td> |
</tr> |
<tr> |
<td> |
<div style="overflow: auto; height: expression((document.body.clientHeight/2 - 46) + 'px')"> |
content<br /> |
<br /> |
<br /> |
<br /> |
<br /> |
.... |
<br /> |
<br /> |
<br /> |
more content |
</div> |
</td> |
</tr> |
</table> |
</td> |
</tr> |
</table> |
</body> |
</html> |