Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > RadSplitter creating extra Div at runtime in Mozilla firefox
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered RadSplitter creating extra Div at runtime in Mozilla firefox

Feed from this thread
  • Vikas Goel avatar

    Posted on Sep 2, 2010 (permalink)

    Hi,

    I am using the RadSplitter control with 2 RadPane and one RadSplitBar controls. Design of the page is working fine in IE and Crome but mozilla firefox not showing the correct UI.
    Controls is going the right side from the header.

    My code is


     

     

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeFile="TourTrax.aspx.cs" Inherits="TourTrax" %>

     

    <%

    @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

     

    <%

    @ Register Assembly="Stimulsoft.Report.WebFx, Version=2010.1.700.0, Culture=neutral, PublicKeyToken=ebe6666cba19647a"

     

     

     

     

     

     

    Namespace="Stimulsoft.Report.WebFx" TagPrefix="cc1" %>

     

     

     

     

    <!

     

    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">

     

     

     

     

     

     

    <link rel="stylesheet" type="text/css" href="Skins/Office2007Big/Menu.Office2007Big.css" />

     

     

     

     

     

     

    <link rel="stylesheet" type="text/css" href="StyleSheet/ApplicationStyles.css" />

     

     

     

     

     

     

    <title>TourTrax - Client</title>

     

     

     

     

     

     

    <style type="text/css">

     

     

     

     

     

    .RadPanelBar .rpItem

    {

    overflow: visible !important;

    }

    .RadPanelBar .rpLevel1

    {

    overflow: auto !important;

    }

     

    </style>

     

     

     

     

     

     

    <style type="text/css">

     

     

     

     

     

    .loading1

    {

    background-color: #A6D9F4;

    padding: 10% 10% 10% 10%;

    border: Solid 2 Black;

    position: relative;

    display: run-in;

    overflow: auto;

    table-layout: auto;

    border-collapse: collapse;

    empty-cells: hide;

    caption-side: top;

    width: 100%;

    height: 100%;

    }

    .viewWrap

    {

    padding: 15px;

    background: #2291b5 0 0 url(Img/bluegradient.gif) repeat-x;

    }

    .contactWrap

    {

    padding: 10px 15px 15px 15px;

    background: #fff;

    color: #333;

    }

    .contactWrap td

    {

    padding: 0 20px 0 0;

    }

    .contactWrap td td

    {

    padding: 3px 20px 3px 0;

    }

    .contactWrap img

    {

    border: 1px solid #05679d;

    }

    .loading

    {

    background-position: center center;

    background-image: url('Images/loading.gif');

    height: 100%;

    width: 275px;

    vertical-align: middle;

    text-align: left;

    float: left;

    position: absolute;

    left: 5px;

    background-repeat: no-repeat;

    background-color: #F5F5F5;

    }

    .loading table

    {

    text-align: left;

    vertical-align: baseline;

    }

    body

    {

    margin: 0px;

    padding: 0px;

    }

    form

    {

    margin: 0px;

    padding: 0px;

    }

     

    </style>

     

     

     

     

     

     

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

     

     

     

     

     

     

    //Passing Arguments:

     

     

     

     

     

     

    //Summary = Summary Report

     

     

     

     

     

     

    //Full = Full Exception Report

     

     

     

     

     

     

    //Exception = Exception Report

     

     

     

     

     

     

    //Event = Event Report

     

     

     

     

     

     

    //Missed = Missing report

     

     

     

     

     

     

    var reportType = '';

     

     

    function showReport(name) {

     

    reportType = name;

     

    var objFrame = document.getElementById("rpframe");

     

    document.getElementById(

    "radPanelbar1_i1_i0_hdReportTYpe").value = name;

     

    document.getElementById(

    "radPanelbar1_i1_i0_hdFilter").click();

     

     

    //objFrame.src = "ReportFull.aspx?RepType=" + name;

     

     

     

     

     

     

    return false;

     

    }

     

    var cancelDropDownClosing = false;

     

     

    function StopPropagation(e) {

     

     

    //cancel bubbling

     

     

     

     

     

    e.cancelBubble =

    true;

     

     

    if (e.stopPropagation) {

     

    e.stopPropagation();

    }

    }

     

    function removeLastComma(str) {

     

     

    return str.replace(/,$/, "");

     

    }

     

    function onDropDownClosing() {

     

    cancelDropDownClosing =

    false;

     

    }

     

    function onCheckBoxClick(controlId) {

     

     

    var combo = $find(controlId);

     

     

    //holds the text of all checked items

     

     

     

     

     

     

    var text = "";

     

     

    //holds the values of all checked items

     

     

     

     

     

     

    var values = "";

     

     

    //get the collection of all items

     

     

     

     

     

     

    var items = combo.get_items();

     

     

    //enumerate all items

     

     

     

     

     

     

    for (var i = 0; i < items.get_count(); i++) {

     

     

    var item = items.getItem(i);

     

     

    //get the checkbox element of the current item

     

     

     

     

     

     

    var chk1 = $get(combo.get_id() + "_i" + i + "_chk1");

     

     

    if (chk1.checked) {

     

    text += item.get_text() +

    ",";

     

    values += item.get_value() +

    ",";

     

    }

    }

     

    //remove the last comma from the string

     

     

     

     

     

    text = removeLastComma(text);

    values = removeLastComma(values);

     

    if (text.length > 0) {

     

     

    //set the text of the combobox

     

     

     

     

     

    combo.set_text(text);

    }

     

    else {

     

     

    //all checkboxes are unchecked

     

     

     

     

     

     

    //so reset the controls

     

     

     

     

     

    combo.set_text(

    "");

     

    }

     

    }

     

    function ModifyReport() {

     

     

    var doc = document.getElementById('rpframe');

     

     

    var repType = doc.src;

     

    repType = reportType.substring(doc.src.lastIndexOf(

    "=", 0), doc.src.length);

     

     

    if (repType.length > 0) {

     

    window.open(

    'AlterReport.aspx?RepType=' + repType, 'modyRep', 'height=auto,width=auto,left=0,top=0,resizable=yes,toolbar=no,status=no');

     

    }

    else {

     

    alert(

    'No report open to modify');

     

    }

     

    return false;

     

    }

     

    function ShowEmail() {

     

     

    if (reportType == '') {

     

    alert(

    'There is no report to email');

     

     

    return false;

     

    }

    window.open(

    'ReportEmail.aspx?RepType=' + reportType, 'myPopup', 'height=530,width=700,left=350,top=200,resizable=no,toolbar=no,status=no');

     

     

    //window.open('ReportEmail.aspx?RepType=' + reportType, 'width=590,height=298,location=0,menubar=0,resizable=0,scrollbars=1,status=1,titlebar=1,toolbar=0,screenX=10,left=10,screenY=1 0,top=10');

     

     

     

     

     

     

    // window.open('ReportEmail.aspx?RepType=' + reportType);

     

     

     

     

     

     

    return false;

     

    }

     

    //clear text in dropdownlist

     

     

     

     

     

     

    </script>

     

     

     

     

     

     

    <style type="text/css" media="screen">

     

     

     

     

     

    body, html, form

    {

    margin: 0;

    padding: 0;

    height: 100%; /* this is the key! */

    }

    #updateLeftPanel1

    {

    height: 100%;

    }

     

    </style>

     

    </

     

    head>

     

    <

     

    body>

     

     

     

     

     

     

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

     

     

     

     

     

     

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

     

     

     

     

     

     

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

     

     

     

     

     

     

    <AjaxSettings>

     

     

     

     

     

     

    <telerik:AjaxSetting AjaxControlID="radPanelbar1">

     

     

     

     

     

     

    </telerik:AjaxSetting>

     

     

     

     

     

     

    <telerik:AjaxSetting AjaxControlID="updatePanel1">

     

     

     

     

     

     

    <UpdatedControls>

     

     

     

     

     

     

    <telerik:AjaxUpdatedControl ControlID="updatePanel1" LoadingPanelID="RadAjaxPanel1" />

     

     

     

     

     

     

    </UpdatedControls>

     

     

     

     

     

     

    </telerik:AjaxSetting>

     

     

     

     

     

     

    <telerik:AjaxSetting AjaxControlID="updatePanel2">

     

     

     

     

     

     

    <UpdatedControls>

     

     

     

     

     

     

    <telerik:AjaxUpdatedControl ControlID="updatePanel2" LoadingPanelID="RadAjaxPanel2" />

     

     

     

     

     

     

    </UpdatedControls>

     

     

     

     

     

     

    </telerik:AjaxSetting>

     

     

     

     

     

     

    </AjaxSettings>

     

     

     

     

     

     

    </telerik:RadAjaxManager>

     

     

     

     

     

     

    <div style="height: 100%; width: 100%;">

     

     

     

     

     

     

    <div style="height: 18%; width: 100%; background-color: #d8e8f5;">

     

     

     

     

     

     

    <table style="border-style: none; border-width: 0px; width: 100%;" cellpadding="0"

     

     

     

     

     

     

    cellspacing="0" align="left">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="vertical-align: top; background-color: #BFDBFF; border-bottom-width: 0px"

     

     

     

     

     

     

    width="3%">

     

     

     

     

     

     

    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Office2007Big" EnableEmbeddedSkins="false"

     

     

     

     

     

     

    CssClass="Office2007RootItem" EnableScreenBoundaryDetection="false">

     

     

     

     

     

     

    <Items>

     

     

     

     

     

     

    <telerik:RadMenuItem ImageUrl="Images/TelerikButton.gif" HoveredImageUrl="Images/TelerikButtonHover.gif"

     

     

     

     

     

     

    CssClass="myClass">

     

     

     

     

     

     

    <Items>

     

     

     

     

     

     

    <telerik:RadMenuItem Text="TourTrax" ImageUrl="Images/VistaRibbon/InspectDocument.gif"

     

     

     

     

     

     

    Target="_self" NavigateUrl="TourTrax.aspx">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    <telerik:RadMenuItem ImageUrl="Images/VistaRibbon/Finish.gif" Text="Upload Logo"

     

     

     

     

     

     

    NavigateUrl="LogoRegistration.aspx" Target="_self">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    <telerik:RadMenuItem Text="New User" Target="_self" ImageUrl="Images/VistaRibbon/RestrictPermission.gif"

     

     

     

     

     

     

    NavigateUrl="UserCreation.aspx">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    <telerik:RadMenuItem Text="User List" Target="_self" ImageUrl="Images/VistaRibbon/MarkAsFinal.gif"

     

     

     

     

     

     

    NavigateUrl="UserList.aspx">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    <telerik:RadMenuItem Text="Change Password" Target="_self" ImageUrl="Images/VistaRibbon/DigitalSignature.gif"

     

     

     

     

     

     

    NavigateUrl="ChangePassword.aspx" Width="300px">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    <telerik:RadMenuItem ImageUrl="Images/VistaRibbon/Close.gif" Text="SignOut" NavigateUrl="Login.aspx"

     

     

     

     

     

     

    AccessKey="C" runat="server" Target="_self">

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    </Items>

     

     

     

     

     

     

    </telerik:RadMenuItem>

     

     

     

     

     

     

    </Items>

     

     

     

     

     

     

    </telerik:RadMenu>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td width="99%" align="left">

     

     

     

     

     

     

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

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td align="left">

     

     

     

     

     

     

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

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td width="28%" align="left" background="Images/TitleBarBg.gif">

     

     

     

     

     

    <%

    --<div class="titleBar" style="background-image: url('Images/TitleBarBg.gif'); background-repeat: no-repeat;">

     

    </div>--

     

    %>

     

     

    </td>

     

     

     

     

     

     

    <td width="63%" background="Images/TitleBarBg2.gif" align="right" style="font-size: 13px;

     

    font-weight: bold;">

     

     

     

     

     

    <asp:LinkButton ID="lnkAdmin" runat="server" Visible="false" OnClick="lnkAdmin_Click">Admin Section |</asp:LinkButton>&nbsp;&nbsp;

     

     

     

     

     

     

    <asp:LinkButton ID="lnkSignOut" runat="server" Visible="false" OnClick="lnkSignOut_Click">Sign Out</asp:LinkButton>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td width="9%" background="Images/TitleBarBg2.gif">

     

     

     

     

     

     

    <img src="Images/TitleBarBg2.gif" width="126" height="29" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td align="left">

     

     

     

     

     

     

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Skin="Office2007"

     

     

     

     

     

     

    MultiPageID="RadMultiPage1" ShowBaseLine="True">

     

     

     

     

     

     

    <Tabs>

     

     

     

     

     

     

    <telerik:RadTab Text="<%$ Resources:TourTrax, Reports %>" />

     

     

     

     

     

     

    </Tabs>

     

     

     

     

     

     

    </telerik:RadTabStrip>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="MultipageWrapper">

     

     

     

     

     

     

    <telerik:RadPageView ID="pv0" runat="server">

     

     

     

     

     

     

    <table class="ribbonDock" cellpadding="0" cellspacing="0">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td class="middleLeft">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td class="toolsContainer" style="padding-top: 0px;">

     

     

     

     

     

     

    <table cellpadding="0" cellspacing="0" class="innerTable" width="100%">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <ul class="mostUsedCommand">

     

     

     

     

     

     

    <li style="width: 90px;"><a id="A1" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Summary%>"

     

     

     

     

     

     

    onclick="return showReport('Summary')">

     

     

     

     

     

     

    <img src="Images/Envelope_32x32.gif" height="32" width="32" alt="Summary" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

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

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 90px;"><a id="A2" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Full %>"

     

     

     

     

     

     

    onclick="return showReport('Full')">

     

     

     

     

     

     

    <img src="Images/Labels_32x32.gif" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <asp:Literal ID="Literal2" runat="server" Text="<%$ Resources:TourTrax, Full %>" />

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 90px;"><a id="A3" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Exception %>"

     

     

     

     

     

     

    onclick="return showReport('Exception')">

     

     

     

     

     

     

    <img src="Images/Recepients_32x32.gif" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:TourTrax, Exception%>" />

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 90px;"><a id="A4" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Event %>"

     

     

     

     

     

     

    onclick="return showReport('Event')">

     

     

     

     

     

     

    <img src="Images/MailMerge_32x32.gif" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <asp:Literal ID="Literal4" runat="server" Text="<%$ Resources:TourTrax, Event %>" />

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 90px;"><a id="A5" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Missed %>"

     

     

     

     

     

     

    onclick="return showReport('Missed')">

     

     

     

     

     

     

    <img src="Images/MailMerge_32x32.gif" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <asp:Literal ID="Literal5" runat="server" Text="<%$ Resources:TourTrax, Missed %>" />

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 70px;"><a id="A6" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Email %>"

     

     

     

     

     

     

    onclick="return ShowEmail()">

     

     

     

     

     

     

    <img src="Images/MailMerge_32x32.gif" alt="Email" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <asp:Literal ID="Literal6" runat="server" Text="<%$ Resources:TourTrax, Email %>" />

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    <li style="width: 100px;"><a id="A7" href="javascript:;" runat="server" title="<%$ Resources:TourTrax, Modify %>"

     

     

     

     

     

     

    onclick="return ModifyReport()">

     

     

     

     

     

     

    <img src="Images/Edit.jpg" alt="Modify" height="32" width="32" />

     

     

     

     

     

     

    <br />

     

     

     

     

     

     

    <span style="width: 100px; text-align: left;">

     

     

     

     

     

     

    <asp:Literal ID="Literal7" runat="server" Text="<%$ Resources:TourTrax, Modify %>" /></span>

     

     

     

     

     

     

    </a></li>

     

     

     

     

     

     

    </ul>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td class="middleRight">

     

     

     

     

     

     

    &nbsp;

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </telerik:RadPageView>

     

     

     

     

     

     

    </telerik:RadMultiPage>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </div>

     

     

    <div style="height: 82%; width: 100%; text-align: left;">

     

     

    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%">

     

     

     

     

     

     

    <telerik:RadPane ID="LeftPanel" runat="server" Width="25%" Height="100%">

     

     

     

     

     

     

    <asp:UpdatePanel ID="updateLeftPanel1" runat="server" RenderMode="Block">

     

     

     

     

     

     

    <ContentTemplate>

     

     

     

     

     

     

    <telerik:RadPanelBar ID="radPanelbar1" runat="server" Width="100%" Style="position: static;

     

    height: 100%; border: 0px"

     

    CollapseAnimation-Duration="100" ExpandAnimation-Duration="100"

     

     

     

     

     

     

    Skin="Telerik" ExpandMode="FullExpandedItem" AllowCollapseAllItems="true">

     

     

     

     

     

     

    <CollapseAnimation Duration="100" Type="None" />

     

     

     

     

     

     

    <ExpandAnimation Duration="100" Type="None" />

     

     

     

     

     

     

    <Items>

     

     

     

     

     

     

    <telerik:RadPanelItem Height="100%" Text="<%$ Resources:TourTrax, Tour_Trax %>" Expanded="True">

     

     

     

     

     

     

    <Items>

     

     

     

     

     

     

    <telerik:RadPanelItem Value="tourTraxTree" runat="server" Style="overflow: visible;

     

    height: auto">

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <telerik:RadAjaxLoadingPanel ID="RadAjaxPanel2" runat="server" MinDisplayTime="20"

     

     

     

     

     

     

    Transparency="55" BackgroundPosition="TopLeft">

     

     

     

     

     

     

    <div class="loading">

     

     

     

     

     

     

    <table style="width: 100%; height: 100%">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

    <%

    --<img src="Images/loading.gif" alt="Loading" />--%>

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <strong></strong>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </telerik:RadAjaxLoadingPanel>

     

     

     

     

     

     

    <div>

     

     

     

     

     

    <%

    -- <telerik:RadAjaxPanel ID="updatePanel2" RenderMode="Inline" LoadingPanelID="RadAjaxLodingPanel2"

     

    runat="server">--

     

    %>

     

     

    <table>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

    <%

    --OnNodeCheck="RadTreeView1_NodeClick"--%>

     

     

    <telerik:RadTreeView ID="RadTreeView1" runat="server" CheckBoxes="true" Skin="WebBlue">

     

     

     

     

     

     

    </telerik:RadTreeView>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="padding-left: 20px;">

     

     

     

     

     

     

    <table style="height: 100%;">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadNumericTextBox ID="spnDisplayDays" runat="server" MaxValue="365" MinValue="0"

     

     

     

     

     

     

    ShowSpinButtons="True" Width="60">

     

     

     

     

     

     

    <NumberFormat DecimalDigits="0" />

     

     

     

     

     

     

    </telerik:RadNumericTextBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:Button ID="btnDisplayDays" Text="<%$ Resources:TourTrax , DisplayDays%>" runat="server"

     

     

     

     

     

     

    OnClick="btnDisplayDays_Click" Width="130" CssClass="btnFont" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:Button ID="btnClearFilter" runat="server" CssClass="btnFont" OnClick="btnClearFilter_Click"

     

     

     

     

     

     

    Text="<%$ Resources:TourTrax , Clear %>" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

    <%

    --</telerik:RadAjaxPanel>--%>

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadPanelItem>

     

     

     

     

     

     

    </Items>

     

     

     

     

     

     

    </telerik:RadPanelItem>

     

     

     

     

     

     

    <telerik:RadPanelItem Height="100%" Text="<%$ Resources:TourTrax, Search_Report %>">

     

     

     

     

     

     

    <Items>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <telerik:RadAjaxLoadingPanel ID="RadAjaxPanel1" runat="server" MinDisplayTime="20"

     

     

     

     

     

     

    Transparency="55" BackgroundPosition="Center">

     

     

     

     

     

     

    <div class="loading">

     

     

     

     

     

     

    <table style="width: 100%;">

     

     

     

     

     

     

    <tr valign="middle">

     

     

     

     

     

     

    <td align="center">

     

     

     

     

     

    <%

    --<img src="Images/loading.gif" alt="Loading" />--%>

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <strong></strong>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </telerik:RadAjaxLoadingPanel>

     

     

     

     

     

    <%

    --<telerik:RadAjaxPanel ID="updatePanel1" LoadingPanelID="RadAjaxLodingPanel1" RenderMode="Inline"

     

    runat="server">--

     

    %>

     

     

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

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="width: 140px">

     

     

     

     

     

     

    <asp:CheckBox ID="chkClient" runat="server" Text="<%$ Resources:TourTrax , Client %>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td style="width: 127px">

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlClient" runat="server" Width="180px" AutoPostBack="true"

     

     

     

     

     

     

    EmptyMessage="<%$ Resources:TourTrax , Client_Names %>" HighlightTemplatedItems="true"

     

     

     

     

     

     

    AllowCustomText="true" OnSelectedIndexChanged="ddlClient_OnSelectedIndexChanged">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlClient')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("ClientName") %>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkFacility" runat="server" Text="<%$ Resources:TourTrax, Facility %>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlFacility" runat="server" Width="180px" AutoPostBack="true"

     

     

     

     

     

     

    EmptyMessage="<%$ Resources:TourTrax, Facility_Names %>" HighlightTemplatedItems="true"

     

     

     

     

     

     

    AllowCustomText="true" OnSelectedIndexChanged="ddlFacility_OnSelectedIndexChanged">

     

     

     

     

     

    <%

    --LocationName--%>

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlFacility')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("LocationName")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkSite" runat="server" Text="<%$ Resources:TourTrax, Site %>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlSite" runat="server" Width="180px" EmptyMessage="<%$ Resources:TourTrax, Site_Names %>"

     

     

     

     

     

     

    OnClientDropDownClosed="onDropDownClosing" OnSelectedIndexChanged="ddlSite_OnSelectedIndexChanged"

     

     

     

     

     

     

    AutoPostBack="true" HighlightTemplatedItems="true" AllowCustomText="true">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlSite')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("SiteName")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 5px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkCheckPoint" runat="server" Text="<%$ Resources:TourTrax ,CheckPoint%>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlCheckPoint" runat="server" Width="180px" EmptyMessage="<%$ Resources:TourTrax ,CheckPoint%>"

     

     

     

     

     

     

    OnClientDropDownClosed="onDropDownClosing" HighlightTemplatedItems="true" AllowCustomText="true">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlCheckPoint')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("Description")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkOfficer" runat="server" Text="<%$ Resources:TourTrax , Officer %>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlOfficer" runat="server" Width="180px" EmptyMessage="<%$ Resources:TourTrax , Officer_Names%>"

     

     

     

     

     

     

    OnClientDropDownClosed="onDropDownClosing" HighlightTemplatedItems="true" AllowCustomText="true">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlOfficer')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("Description")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkTour" runat="server" Text="<%$ Resources:TourTrax ,Tour%>" CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlTour" EmptyMessage="<%$ Resources:TourTrax ,Tour_Names%>"

     

     

     

     

     

     

    OnClientDropDownClosed="onDropDownClosing" HighlightTemplatedItems="true" AllowCustomText="true"

     

     

     

     

     

     

    runat="server" Width="180px">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlTour')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("TourDescription")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    <table style="border: 0px; width: 99%" cellpadding="0" cellspacing="0">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="width: 158px">

     

     

     

     

     

     

    <asp:CheckBox ID="chkStartTime" runat="server" Text="<%$ Resources:TourTrax ,Start_Time%>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td style="width: 127px">

     

     

     

     

     

     

    <telerik:RadDateTimePicker ID="StartdatetimePicker" runat="server" Calendar-CalendarTableStyle-CssClass="RadMenu_Office2007Big"

     

     

     

     

     

     

    OnSelectedDateChanged="EnddatetimePicker_SelectedDateChanged">

     

     

     

     

     

     

    </telerik:RadDateTimePicker>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkEndTime" runat="server" Text="<%$ Resources:TourTrax ,End_Time%>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadDateTimePicker ID="EnddatetimePicker" runat="server" Calendar-CalendarTableStyle-CssClass="RadMenu_Office2007Big">

     

     

     

     

     

     

    </telerik:RadDateTimePicker>

     

     

     

     

     

    <%

    -- <asp:CompareValidator ID="valCompareDate" ControlToValidate="EnddatetimePicker" ControlToCompare="StartdatetimePicker"

     

    Operator="LessThan" Type="Date" runat="Server" Display="Dynamic">End date must be greater than start date</asp:CompareValidator>--

     

    %>

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    &nbsp;

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

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

     

     

     

     

     

     

    <asp:CheckBox ID="chkApplyDateTimeFilter" runat="server" Text="<%$ Resources:TourTrax , AppFltr %>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <asp:CheckBox ID="chkEvent" runat="server" Text="<%$ Resources:TourTrax , Event%>"

     

     

     

     

     

     

    CssClass="text" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlEvent" runat="server" Width="180px" EmptyMessage="<%$ Resources:TourTrax , Event%>"

     

     

     

     

     

     

    OnClientDropDownClosed="onDropDownClosing" HighlightTemplatedItems="true" AllowCustomText="true">

     

     

     

     

     

     

    <ItemTemplate>

     

     

     

     

     

     

    <div onclick="StopPropagation(event)">

     

     

     

     

     

     

    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick('radPanelbar1_i1_i0_ddlEvent')" />

     

     

     

     

     

     

    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">

     

     

     

     

     

    <%

    # Eval("Description")%>

     

     

    </asp:Label>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 4px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="padding-left: 4px; font-size: 0.8em" class="text">

     

     

     

     

     

     

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

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

    <telerik:RadComboBox ID="ddlMemorizedFilter" runat="server" Width="180px">

     

     

     

     

     

     

    </telerik:RadComboBox>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="height: 30px">

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td colspan="2" style="text-align: left; padding-left: 123px;">

     

     

     

     

     

     

    <asp:Button ID="btnSet" runat="server" CssClass="btnFont" Text="<%$ Resources:TourTrax , Set %>"

     

     

     

     

     

     

    OnClick="btnSet_Click" />

     

     

     

     

     

     

    <asp:Button ID="btnClear" runat="server" CssClass="btnFont" Text="<%$ Resources:TourTrax ,Clear %>"

     

     

     

     

     

     

    OnClick="btnClear" />

     

     

     

     

     

     

    <asp:Button ID="hdFilter" runat="server" OnClick="hdFilterClick" Width="0" Height="0"

     

     

     

     

     

     

    BackColor="Transparent" BorderColor="Transparent" />

     

     

     

     

     

     

    <asp:HiddenField ID="hdReportTYpe" runat="server" />

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

    <%

    -- </telerik:RadAjaxPanel>--%>

     

     

    </ItemTemplate>

     

     

     

     

     

     

    </telerik:RadPanelItem>

     

     

     

     

     

     

    </Items>

     

     

     

     

     

     

    </telerik:RadPanelItem>

     

     

     

     

     

     

    </Items>

     

     

     

     

     

     

    </telerik:RadPanelBar>

     

     

     

     

     

     

    </ContentTemplate>

     

     

     

     

     

     

    </asp:UpdatePanel>

     

     

     

     

     

     

    </telerik:RadPane>

     

     

     

     

     

     

    <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Height="100%">

     

     

     

     

     

     

    </telerik:RadSplitBar>

     

     

     

     

     

     

    <telerik:RadPane ID="BodyPanel" runat="server" Width="75%" Scrolling="None" Height="100%">

     

     

     

     

     

     

    <asp:UpdatePanel ID="upFramePanel" RenderMode="Inline" runat="server" UpdateMode="Conditional">

     

     

     

     

     

     

    <ContentTemplate>

     

     

     

     

     

     

    <asp:Literal runat="server" Visible="true" Text="" ID="ShowFrame">

     

     

     

     

     

     

    <iframe src='LogoPage.aspx' id='rpframe' style='border:0px; width:100%; height:100%; margin: 0px; padding: 0px'></iframe>

     

     

     

     

     

     

    </asp:Literal>

     

     

     

     

     

     

    </ContentTemplate>

     

     

     

     

     

     

    <Triggers>

     

     

     

     

     

     

    <asp:AsyncPostBackTrigger ControlID="radPanelbar1$i1$i0$hdFilter" EventName="Click" />

     

     

     

     

     

     

    </Triggers>

     

     

     

     

     

     

    </asp:UpdatePanel>

     

     

     

     

     

     

    </telerik:RadPane>

     

     

     

     

     

     

    </telerik:RadSplitter>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </form>

     

    </

     

    body>

     

    </

     

    html>

     

     

     



    Please suggest me.

    Regards
    Vikas

     

    Attached files

  • Dobromir Dobromir admin's avatar

    Posted on Sep 3, 2010 (permalink)

    Hi Vikas,

    I am not quite sure I am able to examine the provided page correctly because the linked CSS files are missing.

    A possible reason for the reported behavior if the left part of the header's height is larger by the right part. Could you try clearing the floats of before the splitter wrapper (see the code snippet below) and see if the problem still exists? If so, could you please provide a fully runnable sample project with all custom CSS files and / or a live URL so we can examine the problem further.

    .......
    <
    div style="height: 82%; width: 100%; text-align: left; clear:both;">
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%">
    .......

    Please let us know if this helps?

    Sincerely yours,
    Dobromir
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > RadSplitter creating extra Div at runtime in Mozilla firefox