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

Layout changed after SP1

2 Answers 63 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
John Davis
Top achievements
Rank 2
John Davis asked on 16 May 2008, 01:19 PM

I am inexperienced with Telerik so I apologize if this is just a programmer issue.
Still if someone can easily see the solution please let me know.

My project uses a master page having a layout similar to this Telerik example:
http://www.telerik.com/demos/aspnet/prometheus/Controls/Examples/Integration/FileBrowser/DefaultCS.aspx

I want the menu on top and two panes below. The left pane has a tree view. There is a splitter bar between the left pane and right pane.
It looks like this:

---Menu--------------------------------------
Left-pane-with-tree-view | Right-pane-with-content

Everything worked fine when I used RadControls for Asp.Net Ajax.
But after I installed RadControls for Asp.Net Ajax SP1 (and changed nothing else)
I get a layout like:

---Menu---- Left-pane-with-tree-view | Right-pane-with-content

Where the menu is to the left of the left pane instead of on top.
                        
Included below is the aspx of the master page

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="BalancedFlowSite.Master.cs" Inherits="BalancedFlow.WebSite3._5.MasterPages.BalancedFlowSite" %>

<%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
 <title>Balanced Flow</title>
 <link rel="stylesheet" type="text/css" href="../Styles/site.css" />
 <asp:ContentPlaceHolder ID="head" runat="server">
 </asp:ContentPlaceHolder>
</head>
<body style="background: white url('../images/MenuItemBackground.gif') repeat-x;">
 <form id="form1" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server" />

 <rad:RadAjaxManager ID="RadAjaxManagerMain" runat="server">
 </rad:RadAjaxManager>
 <rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelMain" runat="server" Height="75px" Width="75px">

  <asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading.gif" />
 </rad:RadAjaxLoadingPanel>

 <div class="wrapper1" style="height: 100%">

  <script type="text/javascript">
       function clickHandler(sender, eventArgs)
          {   
          if (!eventArgs.Item == null)
              {
               if (eventArgs.Item.Text == "BF Help")
              {
                  radopen(null,"Window1");
                  //Cancel the postback
                  return false;
              }
              }
          }   
  </script>

  <rad:RadMenu ID="RadMenuMain" OnClientItemClicking="clickHandler" runat="server"
   Skin="Web20" CausesValidation="false">
  </rad:RadMenu>
  <rad:RadWindowManager ID="RadWindowManager1" runat="server">
   <Windows>
    <rad:RadWindow ID="Window1" runat="server" NavigateUrl="~/Help/index.html" />
   </Windows>
  </rad:RadWindowManager>
  <rad:RadSplitter ID="RadSplitterMain" runat="server" Height="100%" EnableClientDebug="False"
   Width="100%" BorderSize="0" BorderStyle="None">
   <rad:RadPane ID="RadPaneLeft" runat="server" Width="100px">
    <rad:RadSplitter ID="SplitterTreeView" runat="server" Orientation="Horizontal">
     <rad:RadPane ID="RadSlidingPaneSCS" runat="server" Width="263px" Scrolling="Both">
      <rad:RadTreeView ID="RadTreeViewSection" runat="server" Height="100%" Skin="Web20"
       AutoPostBack="True" CausesValidation="false">
       <Nodes>
        <rad:RadTreeNode runat="server" Text="Supply Net" />
       </Nodes>
      </rad:RadTreeView>
     </rad:RadPane>
    </rad:RadSplitter>
   </rad:RadPane>
   <rad:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
   <rad:RadPane ID="RadPaneMain" runat="server" Width="100%" Scrolling="Y">
    <asp:ContentPlaceHolder ID="ContentPlaceHolderMainArea" runat="server">
    </asp:ContentPlaceHolder>
   </rad:RadPane>
  </rad:RadSplitter>
 </div>
 <asp:Literal ID="labelMessage" runat="server" EnableViewState="false"></asp:Literal>
 </form>
</body>
</html>

 

2 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 16 May 2008, 03:57 PM
Hi John Davis,
In order to get the desired result, please add the following DIV after the RadMenu:
<rad:RadMenu ID="RadMenuMain" OnClientItemClicking="clickHandler" runat="server" 
    Skin="Web20" CausesValidation="false">  
    <Items> 
        <rad:RadMenuItem Text="aaaa">  
        </rad:RadMenuItem> 
    </Items> 
</rad:RadMenu> 
<div style="clear:both;height:1px;margin-bottom:-1px;"><!-- --></div> 

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
John Davis
Top achievements
Rank 2
answered on 16 May 2008, 05:21 PM
Yes it resolves the problem. Thank you.
Tags
Splitter
Asked by
John Davis
Top achievements
Rank 2
Answers by
Tsvetie
Telerik team
John Davis
Top achievements
Rank 2
Share this question
or