a web page with left and right pane

Asked By Lokesh M

08-Feb-10 12:00 PM

Earn up to 0 extra points for answering this tough question.

Reply

Hi

I would like to come out with a webpage something like this:

http://msdn.microsoft.com/en-us/library/aa139615.aspx

Left pane contains heading, on click right pane displays information related to selected heading..

I have done this using frame/Iframe.. but i would like to do using .NET 2.0 Controls / AJAX extension / Update panel or etc..

Please advise me..

re: a web page with left and right pane

Web Star replied to Lokesh M

08-Feb-10 12:11 PM

Reply

if u want do not use iframe than better is u will use one table control and than just use usercontrol where one is for manu and other for right pane content.

Use Third party controls such as the ones from Telerik. It is pretty good and easy to use.

[)ia6l0 iii replied to Lokesh M

08-Feb-10 01:32 PM

Reply

I just drew a flow-chart to explain how it should look and how the individual controls should be placed.

In the markup , it would look like:

<telerik:RadSplitter ID="myRadSplitter" runat="server">

<telerik:RadPane ID="navigationPane" runat="server" >

<telerik:RadTreeView ID="TreeView" runat="server" >

<Nodes>

<telerik:RadTreeNode runat="server" Text="1" Target="contentPane">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="2" Target="contentPane">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="myRadSplitBar" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="contentPane" runat="server" >

</telerik:RadPane>

</telerik:RadSplitter>

Hope this helped.

re: a web page with left and right pane

F Cali replied to Lokesh M

08-Feb-10 03:07 PM

Reply

You may want to look into ext-js (www.extjs.com) and you can see their samples here: http://www.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html.

Regards,
SQL Server Helper