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

Rad Splitter Width

1 Answer 124 Views

Splitter

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

Charles Goh asked on 22 Aug 2010, 05:30 AM

width995-smallgap.PNG

width995.PNG

whilepageloading.png

afterpageload.png

errormessage.png

width100.PNG

Hi Telerik Support,

Am using Telerik Rad spliiter. but width i cant able to send 100%.
     if i set 100%
           1.  The scroll bars width become very narrow
           2. Some pages am using Telerik Grid and qidth set to 100%. These pages unneccessarly coming the horizontal scroll bars.
     I already turn on all borders and check that there is some space comming after the RadPane in Right hand side. I do not understand from where it's coming. i thought this is some thing OffSet of Splitter.

Because of that to solve the issue, i set width =99.5% and also inside the pages the table width set to 98.5%
Here I attach the sample images when i set width = 99.5% and 100% in master page. And below is the code i set width = 99.5%
Please look at the line number 272 in master page.

<radspl:RadSplitter ID="RadSplitter1" runat="server" Width="99.5%" LiveResize="true" Height="100%" SkinID="Splitter_Outlook">
                        <radspl:RadPane ID="RadLeftMenu" runat="server" Width="250" Height="100%"
                            onclientpaneresized="setwidth" Scrolling="None"
                            onclientpanecollapsed="setLeftHeaderCollapse"
                            OnClientPaneExpanded="setLeftHeaderExpand" MinWidth="250" MaxWidth="450">

After i set the width 99.5%, Scroll bar was nice but a small gap after the table in the content page.

when i set width =99.5%.
Now the main problem we are facing that some of the laptops and desktop PCs is working fine and page looks what i attached in the screens.
But some of the laptops the page was loading fully and after loading coming the javaascript error and page content disappears.
please see attached images, pageloading and afterLoadPage

When i debug we suspect that tJavascripts can not support decimal points in Width parameter.

Please let me know how to solve this issue.
You can say set to 99%, but if i set that , content inside in the content pages displays only 95% + 2% for scroll bars. then ramining 3% always shows empty space.

let me know how to solve this issue?
I also tried with the new controls what we bought recently from telerik, Still no use.
I know there is Offset parameter for new telerik controls but to set that i do not know my master page left hand side how much the width occupies and header also?

and also attached here master page and one sample content page

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

<%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="radTS" %>

<%@ Register Assembly="RadSplitter.Net2" Namespace="Telerik.WebControls" TagPrefix="radspl" %>

<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>

<%@ Register assembly="RadPanelbar.Net2" namespace="Telerik.WebControls" tagprefix="radP" %>

<%@ Register assembly="RadTreeView.Net2" namespace="Telerik.WebControls" tagprefix="radT" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="<%= Session.Item("Dir") %>">

<head runat="server">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title></title>

<script type="text/javascript" src="../ew.js"></script>

</head>

<script language="javascript" type="text/javascript">

function pnlRequestStarted(ajaxPanel, eventArgs)

//AJAX

{

var sPath = window.location.pathname;

var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);

//disable AJAX if within report pages for the ReportViewer to work

if (sPage=="UsageSummary.aspx" || sPage=="IncomingDetails.aspx")

eventArgs.EnableAjax = false;

for (i=0;i<document.forms[0].elements.length-1;i++)

//search for "FILE" textbox where upload filename is stored

//if this field is not empty, meaning that file is being uploaded

//once then, must disable AJAX for the upload to work properly.

if (document.forms[0].elements[i].type=="file")

eventArgs.EnableAjax = false;

if

//similiarly for Export button

//this pops up a download window which will be blocked by AJAX

(eventArgs.EventTarget == "ctl00$ContentPlaceHolder1$DatagridControl1$pnlBtnExcel")

{

eventArgs.EnableAjax = false;

}

</script>

<body>

<script>

function setwidth()

{

var h = <%= RadLeftMenu.ClientID %>

document.getElementById("leftmenutd").style.width = h.GetWidth()

}

function setLeftHeaderCollapse()

{

var h = <%= LeftMenuHeader.ClientID %>

var t = <%= lblTitle.ClientID %>

document.getElementById(h.id).innerHTML = document.getElementById(h.id).innerHTML

}

function setLeftHeaderExpand()

{

var h = <%= LeftMenuHeader.ClientID %>

var p = <%= RadPanelMenu.ClientID %>

document.getElementById(h.id).innerHTML = p.SelectedItem.Text

}

function SplitterLoaded(splitter, arg)

{

var pane = splitter.getPaneById('<%= RightMenu.ClientID %>');

var height = pane.getContentElement().scrollHeight;

splitter.set_height(height);

pane.set_height(height);

}

</script>

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

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="height:100%">

<tr>

<td width="100%" class="HeaderBg">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 10px"> </td>

<td style="width: 600px">

</td>

<td align="<%= Session.Item("AlignRight") %>">

<asp:Literal ID="litDate" runat="server" Mode="Encode" meta:resourcekey="litDateResource1"></asp:Literal> </td>

<td align="left" class="style1">

<asp:HyperLink ID="lnkRefresh" runat="server" ImageUrl="~/Images/refresh.gif" meta:resourcekey="lnkRefreshResource1">Refresh</asp:HyperLink></td>

<td> </td>

</tr>

<tr>

<td style="width: 10px">

</td>

<td colspan="4">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td rowspan="2" style="width: 280px" valign="middle">

<asp:HyperLink ID="logolink" runat="server" SkinID="LogoImage" ToolTip="EasiSMS Workgroup 2010"></asp:HyperLink>

</td>

<td width="100px" align="center">

</td>

<td width="100px" align="center">

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/Images/i_1.gif" NavigateUrl="~/Dashboard.aspx" meta:resourcekey="HyperLink1Resource1">Dashboard</asp:HyperLink>

</td>

<td width="100px" align="center">

<asp:HyperLink ID="HNewSMS" NavigateUrl="~/SMS/BroadcastSMS.aspx" ImageUrl="~/Images/i_7.gif"

runat="server" Text ="Broadcast SMS" Visible="False"></asp:HyperLink>

<asp:HyperLink ID="HPublicContacts" runat="server" ImageUrl="~/images/i_5.gif"

Visible="False" NavigateUrl="~/Admin/PublicContact.aspx"

Text="New Contact"></asp:HyperLink>

<asp:HyperLink ID="HCopmanyMgt" runat="server" ImageUrl="~/Images/i_11.gif"

NavigateUrl="~/SuperAdmin/MngDivisions.aspx"

Visible="False" Text="Company List"></asp:HyperLink>

</td>

<td width="100px" align="center">

<asp:HyperLink ID="HNewBatchSMS" runat="server"

ImageUrl="~/Images/i_10.gif" NavigateUrl="~/SMS/BatchSMS.aspx"

Text = "Batch SMS"

Visible="False"></asp:HyperLink>

<asp:HyperLink ID="Husermgt" runat="server"

ImageUrl="~/Images/i_12.gif" NavigateUrl="~/Admin/MngUsers.aspx"

Text="User List" Visible="False"></asp:HyperLink>

<asp:HyperLink ID="Hdivusers" runat="server"

ImageUrl="~/Images/i_5.gif" NavigateUrl="~/SuperAdmin/MngDivisionUsers.aspx"

Text="Company Users" Visible="False"></asp:HyperLink>

</td>

<td align="center">

<asp:HyperLink ID="HNewReminder" runat="server"

ImageUrl="~/Images/i_3.gif" NavigateUrl="~/SMS/BroadcastSMS.aspx?type=recurrence"

Text="New Reminder" Visible="False"></asp:HyperLink>

<asp:HyperLink ID="Hasm" runat="server"

ImageUrl="~/Images/i_9.gif" NavigateUrl="~/Admin/MngAppSettings.aspx"

Text="Application Settings"

Visible="False"></asp:HyperLink>

<asp:HyperLink ID="hsettingsmgt" runat="server"

ImageUrl="~/Images/i_9.gif" NavigateUrl="~/SuperAdmin/MngApplSettings.aspx"

Text="Application Settings" Visible="False"></asp:HyperLink>

</td>

<td align="center" width="100">

<asp:HyperLink ID="HNewContacts" Visible="True" runat="server"

ImageUrl="~/Images/i_4.gif" NavigateUrl="~/ContactsMgt/NewContact.aspx"

Text="New Contact"></asp:HyperLink>

</td>

</tr>

<tr class="literal">

<td width="100px" align="center">

</td>

<td width="100px" align="center">

<asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:EWGlobal, Dashboard %>"></asp:Literal>

</td>

<td width="100px" align="center">

<asp:Literal ID="lnewsms" runat="server" Text="Broadcast SMS" Visible="False"></asp:Literal>

<asp:Literal ID="lpubliccontacts" runat="server" Text="New Contact"

Visible="False"></asp:Literal>

<asp:Literal ID="lcompanymgt" runat="server" Text="Company List"

Visible="False"></asp:Literal>

</td>

<td width="100px" align="center">

<asp:Literal ID="lbatchsms" runat="server" Text="Batch SMS" Visible="False"></asp:Literal>

<asp:Literal ID="lusermgt" runat="server" Text="User List" Visible="False"></asp:Literal>

<asp:Literal ID="ldivuser" runat="server" Text="Company Users" Visible="False"></asp:Literal>

</td>

<td align="center">

<asp:Literal ID="lnewreminder" runat="server" Text="New Reminder"

Visible="False"></asp:Literal>

<asp:Literal ID="lasm" runat="server" Text="Application Settings"

Visible="False"></asp:Literal>

<asp:Literal ID="lsm" runat="server" Text="Application Settings" Visible="False"></asp:Literal>

</td>

<td width="100px" align="center">

<asp:Literal ID="lnewcontacts" runat="server" Text="New Contact"></asp:Literal>

</td>

</tr>

</table>

</td>

</tr>

</table>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<radA:RadAjaxManager ID="RadAjaxManager1" runat="server">

</radA:RadAjaxManager>

</td>

</tr>

<tr>

<td class="HeaderBg" width="100%">

<table cellpadding="0" cellspacing="0" width="100%" border="0">

<tr>

<td class="titleBarBg" width="250" id="leftmenutd">

<asp:UpdatePanel runat="server">

<ContentTemplate>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="18" nowrap="nowrap">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/pgtitleimage.gif" /></td>

<td nowrap="nowrap" valign="middle">

<asp:Label ID="LeftMenuHeader" runat="server" CssClass="titleBar"></asp:Label>

<asp:Image ID="brdCrumbImage1" runat="server" ImageUrl="~/Images/breadcrumb_arrow.gif" CssClass="BrdCrumb_ArrowStyle" ImageAlign="AbsMiddle" />

<asp:Label ID="lblTitle" runat="server" CssClass="titleBar"></asp:Label>

<asp:Image ID="brdCrumbImage2" runat="server" ImageUrl="~/Images/breadcrumb_arrow.gif" CssClass="BrdCrumb_ArrowStyle" ImageAlign="AbsMiddle" visible="false" />

<asp:Label ID="lblCompany" runat="server" CssClass="titleBar" Visible="false" ></asp:Label>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</td>

<td class="titleBarBg"> </td>

<td class="titleBarBg" align="<%= Session.Item("AlignRight") %>">

<asp:Label ID="UserRoleName" runat="server" /> |

<asp:Label ID="lblUserName" runat="server"></asp:Label> |

<asp:Label ID="lblquota" runat="server" meta:resourcekey="lblquotaResource1"></asp:Label>

<asp:HyperLink ID="HyperLink8" runat="server" NavigateUrl="~/MyProfile.aspx" Text="Edit Profile" meta:resourcekey="HyperLink8Resource1"></asp:HyperLink> |

<asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="RedirectToLoginPage" meta:resourcekey="LoginStatus1Resource1" />

<asp:Label ID="lblLang" runat="server" Text="Language" meta:resourcekey="lblLangResource1"></asp:Label>

<asp:DropDownList ID="DropDownLanguage" runat="server" AutoPostBack="True"></asp:DropDownList>

</td>

</tr>

</table>

</td>

</tr>

<tr style="height:77%">

<td class="HeaderBg" width="100%">

<radspl:RadSplitter ID="RadSplitter1" runat="server" Width="99.5%" LiveResize="true" Height="100%" SkinID="Splitter_Outlook">

<radspl:RadPane ID="RadLeftMenu" runat="server" Width="250" Height="100%"

onclientpaneresized="setwidth" Scrolling="None"

onclientpanecollapsed="setLeftHeaderCollapse"

OnClientPaneExpanded="setLeftHeaderExpand" MinWidth="250" MaxWidth="450">

<asp:UpdatePanel runat="server">

<ContentTemplate>

<table border="0" cellpadding="0" cellspacing="0" width="98%" runat="server" style="height:100%">

<tr>

<td valign="top" align="left">

<asp:MultiView ID="topmenu" runat="server" ActiveViewIndex="0">

<asp:View ID="MessageHistory" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<br />

<radT:RadTreeView ID="TMessageHistory" runat="server" AutoPostBack="True" ></radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="ApplicationMHistory" runat="server">

<table style="width: 100%;" cellpadding="0" border="0" cellspacing="0" align="center">

<tr>

<td valign="top" align="left">

<radTS:RadTabStrip ID="radTabAppMessagehistory" runat="server" SkinID="Mytab"

AutoPostBack="True" Visible="False"

SelectedIndex="0" CausesValidation="False">

<Tabs>

<radTS:Tab Text="Menu" Value="Menu">

</radTS:Tab>

<radTS:Tab Text="Division List" Value="Division">

</radTS:Tab>

</Tabs>

</radTS:RadTabStrip>

</td>

</tr>

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

<tr

<td valign="top" align="left">

<radT:RadTreeView ID="TAppMessageHistory" runat="server" AutoPostBack="True"></radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="privatecontacts" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<radT:RadTreeView ID="RadTreeAD" runat="server" AutoPostBack="True" SkinID="myTree">

</radT:RadTreeView>

<hr />

<radT:RadTreeView ID="RadTreeDB" runat="server" AutoPostBack="True" SkinID="myTree">

</radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="PublicContacts" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<radT:RadTreeView ID="RadTreeADPubl" runat="server" AutoPostBack="True" SkinID="myTree">

</radT:RadTreeView>

<hr />

<radT:RadTreeView ID="RadTreeDBPubl" runat="server" AutoPostBack="True" SkinID="myTree">

</radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="Administrator" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<br />

<radT:RadTreeView ID="TAdministrator" runat="server" AutoPostBack="True" ></radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="SuperAdmin" runat="server">

<table style="width: 100%" cellpadding="0" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<radTS:RadTabStrip ID="RadTabSupAdmin" runat="server"

MultiPageID="RadMultiSupAdmin" AutoPostBack="True" SelectedIndex="0"

SkinID="Mytab" CausesValidation="False">

<Tabs>

<radTS:Tab Text="Menu" Value="Menu">

</radTS:Tab><radTS:Tab Text="Divisions" Value="Divisions"></radTS:Tab></Tabs></radTS:RadTabStrip>

</td>

</tr>

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

<tr>

<td valign="top" align="left"

<radT:RadTreeView ID="TSuperAdmin" runat="server" AutoPostBack="True"></radT:RadTreeView

</td>

</tr>

</table>

</asp:View>

<asp:View ID="reports" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<br />

<radT:RadTreeView ID="TReports" runat="server" AutoPostBack="True" ></radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

<asp:View ID="help" runat="server">

<table style="width: 100%;" cellpadding="5" border="0" cellspacing="0">

<tr>

<td valign="top" align="left">

<br />

<radT:RadTreeView ID="THelp" runat="server" AutoPostBack="True" ></radT:RadTreeView>

</td>

</tr>

</table>

</asp:View>

</asp:MultiView>

</td>

</tr>

<tr>

<td valign="bottom" align="center">

<div id="divider">

<asp:ImageButton ID="sepbutton" runat="server" ImageUrl="~/images/splitbar_collapse_v.gif" CausesValidation="false" />

</div>

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

<radP:RadPanelbar ID="RadPanelMenu" Runat="server" Width="100%"

SkinID="Outlook" CausesValidation="False">

<Items>

<radP:RadPanelItem runat="server" Text="Message History" ImageUrl="~/images/contact.png" Height="25px">

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Application Message History" ImageUrl="~/images/administrative-docs.png" >

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="My Contacts" ImageUrl="~/images/archives.png" >

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Public Contacts" ImageUrl="~/images/world.png">

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Admin" ImageUrl="~/images/user.png">

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Manage" ImageUrl="~/images/user.png">

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Reports" ImageUrl="~/images/library.png">

</radP:RadPanelItem>

<radP:RadPanelItem runat="server" Text="Help" ImageUrl="~/images/plus.png">

</radP:RadPanelItem>

</Items>

</radP:RadPanelbar>

</asp:Panel>

<asp:Panel ID="Panel2" runat="server" Visible="False" >

<div class="MainPanel">

<table cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 0, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 0, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_MH" runat="server" AlternateText="Message History" ImageUrl="~/images/contact.png" CausesValidation="False"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 1, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 1, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_AMH" runat="server" AlternateText="Application Message History" ImageUrl="~/images/administrative-docs.png" CausesValidation="False"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 2, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 2, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_contacts" runat="server" AlternateText="My Contacts" ImageUrl="~/images/archives.png" CausesValidation="False"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 3, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 3, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_pcontacts" CausesValidation="False" runat="server" AlternateText="Public Contacts" ImageUrl="~/images/world.png"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 4, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 4, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_admin" runat="server" CausesValidation="False" AlternateText="Admin" ImageUrl="~/images/user.png"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 5, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 5, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_superadmin" runat="server" CausesValidation="False" AlternateText="Manage" ImageUrl="~/images/user.png" /></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 6, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 6, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_reports" runat="server" CausesValidation="False" AlternateText="Reports" ImageUrl="~/images/library.png"/></div></td>

<td><div onmouseover="this.className='menuicon'" onmouseout="this.className='<%= IIF(topmenu.ActiveViewIndex = 7, "menuicon2", "" ) %>'" class="<%= IIF(topmenu.ActiveViewIndex = 7, "menuicon2", "" ) %>"><asp:ImageButton ID="btn_help" runat="server" CausesValidation="False" AlternateText="Help" ImageUrl="~/images/plus.png"/></div></td>

</tr>

</table>

</div>

</asp:Panel>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</radspl:RadPane>

<radspl:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" SkinID="Splitbar_Outlook"/>

<radspl:RadPane ID="RightMenu" runat="server" Width="100%" Height="100%">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</radspl:RadPane>

</radspl:RadSplitter>

</td>

</tr>

<tr>

<td width="100%" class="skinfooter">

<table width="100%">

<tr valign="top">

<td style="width: 10px">

</td>

<td nowrap="nowrap">

<asp:Label ID="lblEdition" runat="server" Text="Trial Copy for testing"></asp:Label>

<asp:Label ID="lblCals" runat="server" meta:resourcekey="lblCalsResource1"></asp:Label>

</td>

<td> </td>

<td align="center" nowrap="nowrap">

<asp:Label ID="lblRegistered" runat="server" Text=""></asp:Label>

</td>

<td> </td>

<td nowrap="nowrap">

NavigateUrl="http://www.inspire-tech.com" meta:resourcekey="HyperLink5Resource1"></asp:HyperLink>

</td>

<td> </td>

<td align="<%= Session.Item("AlignRight") %>" nowrap="nowrap">

<asp:Label ID="lblLastSuccLogIn" runat="server" CssClass="titleBar" Text="Last Successful Login : " Visible="false"></asp:Label>

<asp:Label ID="lastSuccLogInDate" runat="server" Visible="false"></asp:Label>

</td>

<td> </td>

</tr>

</table>

<asp:XmlDataSource ID="xmlTimezone" runat="server" DataFile="~/App_Data/timeZone.xml">

</asp:XmlDataSource>

</td>

</tr>

</table>

</form>

</body>

</html>

<%@ Page Language="VB" MasterPageFile="~/EW.master" AutoEventWireup="false" CodeFile="ReminderMgt.aspx.vb"

Inherits="SMS_ReminderMgt" Title="Manage Reminders" Culture="auto" meta:resourcekey="PageResource1" UICulture="auto" %>

<%@ Register assembly="RadGrid.Net2" namespace="Telerik.WebControls" tagprefix="radG" %>

<%@ Register src="../displaySettings.ascx" tagname="displaySettings" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<asp:UpdatePanel ID="UpdatePanelUsers" runat="server">

<ContentTemplate>

<table class="HeaderBg" cellSpacing="0" cellPadding="0" border="0" style="height:auto" width="98%">

<tr>

<td></td>

<td>

<asp:UpdateProgress id="UpdateProgress2" runat="server" __designer:wfdid="w126">

<ProgressTemplate>

<div><img src="../images/indicator.gif" /> <strong>Loading content ...</strong> </div>

</ProgressTemplate>

</asp:UpdateProgress>

</td>

</tr>

<tr> <td class="SideSpaceWidth"> </td>

<td></td>

</tr>

<tr> <td></td>

<td valign="top" align="left">

<asp:Button ID="btnNewReminder" runat="server" Text="New Reminder" PostBackUrl="~/SMS/BroadcastSMS.aspx?type=recurrence" meta:resourcekey="btnNewUserResource1" />

<asp:Button ID="btnDelete" runat="server" OnClientClick="return confirm('Do you wish to delete selected item(s)?');" Text="Delete Selected" meta:resourcekey="btnDeleteResource1" />

</td>

</tr>

<tr><td colspan="2"> </td></tr>

<tr> <td></td>

<td valign="top" align="left">

<radG:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"

SkinID="myGrid" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True" LoadingTemplateTransparency="50"

AllowFilteringByColumn="True" BackColor="Transparent" DataSourceID="RemindersSqlDS" Width="98%">

<MasterTableView DataKeyNames="ReminderID" DataSourceID="RemindersSqlDS">

<Columns>

<radG:GridTemplateColumn HeaderText="" AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="ibtnEdit" runat="server" ImageUrl="~/images/edit.gif" ToolTip="Edit this reminder"

CommandArgument='<%# eval("ReminderID") %>' OnClick="ibtnEditR_Click" />

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="" AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="ibtnDelete" runat="server" CommandArgument='<%# eval("ReminderID") %>'

ImageUrl="~/images/delete.gif" ToolTip="Delete this reminder" OnClick="ibtnDeleteR_Click" OnClientClick="return confirm('Do you wish to delete this reminder permanently?')" />

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="" AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="ibtnEnabled" runat="server" CommandArgument='<%# eval("ReminderID") & ";" & eval("Enabled") %>' ImageUrl='<%# enabledImgURL(eval("Enabled")) %>'

ToolTip='<%# getTooltips(eval("Enabled")) %>' Visible='<%# isNotExipred(eval("EndDate")) %>' OnClick="ibtnEnabled_Click" meta:resourcekey="ibtnEnabledResource1" />

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn AllowFiltering="false">

<HeaderTemplate>

<input id="CheckAll" type="checkbox" onclick="CheckAllDataGridCheckBoxes('CheckBox1',document.forms[0].CheckAll.checked)" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridBoundColumn HeaderText="Reminder ID" DataField ="ReminderID" meta:resourcekey="BoundFieldResource1"></radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Reminder Name" DataField ="ReminderName" meta:resourcekey="BoundFieldResource2" ></radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Pattern" DataField ="PatternName" ReadOnly="true" meta:resourcekey="BoundFieldResource3"></radG:GridBoundColumn>

<radG:GridTemplateColumn HeaderText="Begin At" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="Label1" runat="server" Text='<%# ToLocalTime(eval("BeginDate")) %>'></asp:Label>

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="End At" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="Label2" runat="server" Text='<%# ToLocalTime(eval("EndDate")) %>'></asp:Label>

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="SMS Text">

<ItemTemplate>

<asp:Label ID="Label3" runat="server" Text='<%# Server.HTMLEncode(eval("SMSText")) %>' meta:resourcekey="Label3Resource1"></asp:Label>

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="Last Update Time">

<ItemTemplate>

<asp:Label ID="Label4" runat="server" Text='<%# ToLocalTime(eval("CreateTime")) %>' meta:resourcekey="Label4Resource1"></asp:Label>

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridTemplateColumn HeaderText="Last Execution Time">

<ItemTemplate>

<asp:Label ID="Label5" runat="server" Text='<%# ToLocalTime(eval("LastExecTime")) %>' meta:resourcekey="Label5Resource1"></asp:Label>

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridBoundColumn HeaderText="Status" DataField ="Status"></radG:GridBoundColumn>

</Columns>

<NoRecordsTemplate>

<table width="98%">

<tr style="height:40"> <td align="center"> There are no items to display. Please check your selection criteria and retry. </td> </tr>

</table>

</NoRecordsTemplate>

</MasterTableView>

<FilterMenu CssClass="FilterMenuClass1"></FilterMenu>

</radG:RadGrid>

<uc1:displaySettings ID="displaySettings1" runat="server" />

<asp:SqlDataSource ID="RemindersSqlDS" runat="server" ConnectionString="<%$ ConnectionStrings:EWSqlServer %>"

SelectCommand="SELECT     ReminderID, CASE Pattern WHEN 'H' THEN 'Hourly' WHEN 'D' THEN 'Daily' WHEN 'W' THEN 'Weekly' WHEN 'M' THEN 'Monthly' END AS PatternName,                        ReminderName, BeginDate, EndDate, StartTime, SMSText, UserName, CreateTime, CASE WHEN LastExecTime <

CreateTime

THEN NULL                       ELSE LastExecTime END AS LastExecTime, CASE WHEN BeginDate > getUTCDate() AND Enabled = 1 THEN 'New' WHEN EndDate <

getUTCDate() THEN 'Expired' WHEN Enabled = 0

THEN 'Disabled' ELSE 'Running' END AS Status, Enabled FROM         EW_tblSMSReminders WHERE     (UserName = @UserName) ORDER BY CreateTime DESC, BeginDate DESC">

<SelectParameters>

<asp:ProfileParameter Name="UserName" PropertyName="UserName" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr><td colspan="2"> </td></tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

1 Answer, 1 is accepted

answered on 26 Aug 2010, 09:47 AM

Hi Charles,

I tried to reproduce the problem with the provided information but to no avail.

While examining the problem I noticed that the second pane have its width property set to 100% while the other pane have fixed size (250px), this is incorrect declaration and my cause side effects. Try defining the second pane with free size, e.g.:

<radspl:RadSplitter ID="RadSplitter1" runat="server" Width="100%" LiveResize="true"

Height="100%" SkinID="Splitter_Outlook">

<radspl:RadPane ID="RadLeftMenu" runat="server" Width="250px" _onclientpaneresized="setwidth"

Scrolling="None" _onclientpanecollapsed="setLeftHeaderCollapse" _OnClientPaneExpanded="setLeftHeaderExpand"

MinWidth="250" MaxWidth="450">

</radspl:RadPane>

<radspl:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" SkinID="Splitbar_Outlook" />

<radspl:RadPane ID="RightMenu" runat="server">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</radspl:RadPane>

</radspl:RadSplitter>

In general, if the content of a table cell extends its initial size the table is expanded to fit the content and that may cause RadSplitter to calculate its size incorrect. Please verify that this is not the case.

If the above requirements are met the problem should not appear, however, if the problem still occurs could you please open a support ticket and provide a simple fully runnable project that replicates this problem so we can investigate it further.

Kind regards,
Dobromir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Rad Splitter Width

1 Answer, 1 is accepted