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

Header, Content, Footer using 1 page and radsplitter

1 Answer 113 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
iomega 55
Top achievements
Rank 1
iomega 55 asked on 14 Jun 2008, 03:54 AM
Hi:
I want to develop an application like desktop one.
Header = menus, search textbox
Content= real application functionality
Footer=information related to the app, etc

At this moment I have the concept for developing using master pages, pages using this master page.

I need to know how I can design an app for having the next:

1 page having a rad splitter, something like one and only page app:
header with radmenus,
content, here I will load a lot of pages
footer a radrotator, etc

In the content area I will load all the pages form my app. With this schema I believe I can load just one time the menus, and all the common and constant info in the header, and in the content section load 1.aspx, 2.aspx, 3.aspx depending of the menu option selected, which must have less traffic because the menus, etc are already loaded. So in the content section I can have just the real functionality and the traffic supported by ajax must be less. So 1.aspx, 2.aspx must have just the code they need without extra code,ie menus.

Right?

How can I have this schema, and depending of the screen resolution, my radsplitter can resize automatically to fill the screen automatically for width?

Can somebody have already done something like this?

Can you share a working sample?

Thanks in advance.

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 16 Jun 2008, 02:02 PM
Hi iomega 55,

You can achieve the desired functionality by using the RadSplitter control. Furthermore, in case you want only to load different external pages, you do not need to have a MasterPage but only one page with the RadSplitter and the header and footer - you can easily change the external page by setting the RadPane's ContentUrl.

In order to make the RadSplitter occupy all the available space except for the header and footer, you should set its Width and Height properties to 100% and set the sum of the heights of the header and the footer as RadSplitter's HeightOffset value. You should also add the following style in the head:

<style type="text/css">  
    html, body, form  
    {  
      height: 100%;  
      padding0px;  
      margin0px;  
    }  
    </style> 

For your convenience I am attaching a sample demo of the described layout.


Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Splitter
Asked by
iomega 55
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or