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

Portal layout - need help

1 Answer 93 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Gunnar
Top achievements
Rank 1
Gunnar asked on 24 Jul 2008, 11:57 AM
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

<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> 
 

1 Answer, 1 is accepted

Sort by
0
Accepted
Sophy
Telerik team
answered on 24 Jul 2008, 03:39 PM
Hi Gunnar,

You could achieve the described scenario using RadSplitter for ASP.NET AJAX. What do you want to achieve using RadDock? In case you experience any difficulties, let us know providing detailed description of the problems you experience and the result you expect and we will do our best to help you. You can try to create a sample project using our controls which reproduces the problems you experience and send it to us so that we can test it locally and investigate the issues you observe on our side. We will be glad to help you.

Best wishes,
Sophy
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Dock
Asked by
Gunnar
Top achievements
Rank 1
Answers by
Sophy
Telerik team
Share this question
or