Portal layout - need help

2 posts, 1 answers
  1. Gunnar
    Gunnar avatar
    17 posts
    Member since:
    Jun 2008

    Posted 24 Jul 2008 Link to this post

    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> 
     

  3. Answer
    Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 24 Jul 2008 Link to this post

    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.
Back to Top