Thanks, much appreciated.
Mark
<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Skin="WebBlue" Width="100%" ><br> <telerik:RadPane ID="RadPane1" runat="server"><br> <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Top"><br> <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Message Center" Height="100" Scrolling="Y" BackColor="Red"><br> <asp:Label ID="lblErrorMessage" CssClass="textFields" runat="server" Text="Label"></asp:Label><br> </telerik:RadSlidingPane><br> </telerik:RadSlidingZone><br> </telerik:RadPane><br> </telerik:RadSplitter>See attached image for current placement.
1 Answer, 1 is accepted
The RadSplitter control is a layout control and it cannot be used only with one pane with sliding pane and as a popup - for this scenario you should use another control, e.g the panelbar in a similar configuration to the one shown below (changing orientation):
http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/defaultcs.aspx
You can, however, configure the splitter to be 100%, change orientation, put the page content in another RadPane and set border to be hidden - in this case you will get a whole layout, similar to your requirement, not only a popup.
For your convenience I prepared sample configuration:
<%@ Page Title="Home Page" Language="C#" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <!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>Untitled Page</title> <style type="text/css"> html, body, form { height: 100%; margin: 0; padding: 0; } </style> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager2" runat="server"> </asp:ScriptManager> <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="WebBlue" Orientation="Horizontal" Width="100%" Height="100%" BorderSize="0"> <telerik:RadPane ID="RadPane2" runat="server"> PAGE CONTENT GOES HERE </telerik:RadPane> <telerik:RadPane ID="RadPane1" runat="server" Height="22"> <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Top"> <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Message Center" Height="100" Scrolling="Y" BackColor="Red"> <asp:Label ID="lblErrorMessage" CssClass="textFields" runat="server" Text="Label"></asp:Label><br> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> </telerik:RadSplitter> </form> </body> </html> I hope that my explanations and suggestions are helpful, let me know if you have additional questions.
All the best,
Svetlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.