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

RadSplitter in Masterpage ist not resizeable

2 Answers 106 Views

Splitter

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

Daniel asked on 26 Jan 2011, 04:44 PM

Adressen-aspx.JPG

Hello,
in my masterpage i have placed a Radsplitter with two RadPanes and a RadSplitBar between them. The contentpage is placed in the right RadPane. In the contentpages are RadControls placed. I have a contentpage named "Adressen.aspx". There are a Radsplitter with two RadPanes and a RadSplitBar between them. If the contentpage is loaded the Radsplitter is fixed to 400px and the two RadPanes are not resizeable with the RadSplitBar.
If the contentpage is empty or just filled standard asp controls, the Radsplitter is resizeable.
How can i fix this?

Contentpage:

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Adressen.aspx.vb" Inherits="Adressen" %>

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" Runat="Server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

</telerik:RadAjaxManagerProxy>

<telerik:RadSplitter ID="RadSplitter_Adressen" runat="server" Orientation="Horizontal" Width="100%" Height="100%">

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

<telerik:RadGrid ID="RadGrid_Adressen" runat="server"

GridLines="None" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" OnDeleteCommand="RadGrid_Adressen_DeleteCommand"

ShowStatusBar="True"

OnItemCommand="RadGrid_ItemCommand"

OnInsertCommand="RadGrid_Adressen_InsertCommand"

DataSourceID="DF_Verbindungsobject" AllowFilteringByColumn="True"

Height="100%" Width="100%">

<MasterTableView CommandItemDisplay="Top" ClientDataKeyNames="OID"

EditMode="EditForms" DataSourceID="DF_Verbindungsobject">

<CommandItemTemplate>

<asp:LinkButton ID="LinkButton" runat="server" OnClick="Insert_Click"><img style="border:0px" alt="" src="Add.png" width="20px"/> Adresse anlegen</asp:LinkButton>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn2">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowSelected="RowSelected_Adressen"/>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar" runat="server">

</telerik:RadSplitBar>

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

<asp:Panel ID="Panel_Adressen" runat="server">

<table border="0" style="margin-top: 20px; width: 100%;">

<tr>

<td>

OID:

</td>

<td>

<asp:Label ID="Label_OID" Style="float: left; font-weight: bold;" runat="server" />

<asp:Button ID="Button_Loeschen" Style="float: right; color: black; font-weight: bold;"

Text="Löschen" runat="server"/>

<asp:Button ID="Button_Speichern" Style="float: right; margin-right: 10px; color: black;

font-weight: bold;" Text="Speichern"

runat="server"/>

<asp:Button ID="Button_Einfuegen" Style="float: right; margin-right: 10px; color: black;

font-weight: bold;" Text="Einfügen"

runat="server" Visible="False"/>

</td>

</tr>

<tr>

<td>

Klasse:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Klasse" runat="server" ReadOnly="True" >

<ReadOnlyStyle BackColor="#CCCCCC" />

</telerik:RadTextBox>

<telerik:RadComboBox ID="RadComboBox_Klasse" runat="server" Visible="False" Width="265px">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="Kunde" Value="Kunde" />

<telerik:RadComboBoxItem Text="Lieferant" Value="Lieferant" />

<telerik:RadComboBoxItem Text="Interessent" Value="Interessent" />

<telerik:RadComboBoxItem Text="Hersteller" Value="Hersteller" />

</Items>

</telerik:RadComboBox>

</td>

<td>Nummer:</td> <td>

<telerik:RadTextBox ID="RadTextBox_Nummer" runat="server" ReadOnly="True" Width="265px">

<ReadOnlyStyle BackColor="#CCCCCC" />

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

Anrede:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Anrede" runat="server" Width="265px"/>

</td>

<td>Name2:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Name2" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Name1:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Name1" runat="server" Width="265px"/>

</td>

<td>Name3:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Name3" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Strasse:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Strasse" runat="server" Width="265px"/>

</td>

<td>Telefon:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Telefon" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Land-PLZ-Ort:</td>

<td>

<table>

<tr>

<td><telerik:RadTextBox ID="RadTextBox_Laenderkennzeichen" runat="server" Width="32px" /></td>

<td>

<telerik:RadTextBox ID="RadTextBox_PLZ" runat="server" Width="60px"/>

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Ort" runat="server" width="155px"/>

</td>

</tr>

</table>

</td>

<td>Mobiltelefon:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Mobiltelefon" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Staat:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Staat" runat="server" Width="265px"/>

</td>

<td>Fax:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Fax" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Branche</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Branche" runat="server" Width="265px"/>

</td>

<td>EMail:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_EMail" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Ersteller:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Ersteller" runat="server" Width="265px"/>

</td>

<td>Internet:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Internet" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td></td> <td></td>

</tr>

<tr>

<td style="vertical-align: top;">

Info:</td>

<td colspan="3">

<telerik:RadEditor ID="RadEditor_Info" Width="100%" runat="server"

Height="250px" Language="de-DE">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="StrikeThrough" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

</td>

</tr>

</table>

</asp:Panel>

</telerik:RadPane>

</telerik:RadSplitter>

<asp:ObjectDataSource ID="DF_Verbindungsobject" runat="server"

DeleteMethod="delete" InsertMethod="insert" SelectMethod="abfrage"

TypeName="DF_DataBinding" UpdateMethod="update">

....

</asp:ObjectDataSource>

<input type="hidden" id="hidden_field_index" runat="server" value="" name="hidden_index"/>

</asp:Content>

Masterpage:

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

<!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></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

<link rel="stylesheet" type="text/css" href="CSS/screen.css" charset="utf-8" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager" runat="server">

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager" Runat="server">

</telerik:RadSkinManager>

<telerik:RadSplitter ID="RadSplitter_Gesammt" Runat="server" Height="100%"

Width="100%" ResizeMode="AdjacentPane">

<telerik:RadPane ID="RadPane_Navi" Runat="server" Width="250px">

<telerik:RadPanelBar runat="server" ID="RadPanelBar_Navi" ExpandMode="SingleExpandedItem">

<Items>

<telerik:RadPanelItem Text="Neu" value="Neu" runat="server">

<Items>

<telerik:RadPanelItem Text="E-Mail" Value="EMail" runat="server"> </telerik:RadPanelItem>

<telerik:RadPanelItem Text="Mitteilung" Value="Mitteilung" runat="server"> </telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="False" Text="Adressen" runat="server" Selected="true" NavigateUrl="Adressen.aspx">

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="False" Text="Dokumente" runat="server" Selected="true" NavigateUrl="Dokumente.aspx">

<Items>

<telerik:RadPanelItem Value="AccountDokumentInformation" runat="server">

<ItemTemplate>

<telerik:RadTreeView ID="RadTreeView_Dokumente" Runat="server" AssociatedControlID="RadTreeview_Dokumente" OnNodeClick="RadTreeView_NodeClick" >

</telerik:RadTreeView>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Termine" value="Termine" runat="server" NavigateUrl="Termine.aspx">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar_Content" Runat="server">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane_Content" Runat="server" Height="99%"

Width="99%">

<div id="content">

<asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html

2 Answers, 1 is accepted

answered on 26 Jan 2011, 06:28 PM

Hi Daniel,

In order to configure RadSplitter to occupy 100% of the page you need to make sure that all its parent elements (including HTML, BODY and FORM) have height set to 100%. Could you please set the following CSS to the master page and see if the problem still occurs?

<style type="text/css">

html, body, form

{

margin: 0;

padding: 0;

height: 100%;

}

</style>

More detailed information on the subject is available in the following help article:
Filling the Entire Page

Kind regards,
Dobromir
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.