Splitter with IE 7

4 posts, 0 answers
  1. Vanesa
    Vanesa avatar
    5 posts
    Member since:
    Oct 2007

    Posted 26 Sep 2008 Link to this post

    Hi,
    I have a Splitter in MasterPage, with FF3 it show well, but, with IE7 it not show the content
    That I change must I do?



    <%@ Master Language="C#" AutoEventWireup="true" Inherits="Web.WebNavigation" Codebehind="WebNavigation.master.cs" %>
    <%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>
    <%@ Register TagPrefix="radT" Namespace="Telerik.WebControls" Assembly="RadTreeView.Net2" %>
    <%@ Register TagPrefix="C" TagName="ApplicationName" Src="~/Controls/ApplicationName.ascx" %>
    <%@ Register TagPrefix="C" TagName="SelectCompany" Src="~/Controls/SelectCompany.ascx" %>
    <%@ Register TagPrefix="YTC" TagName="YearToCurrent" Src="~/Controls/YearToCurrent.ascx" %>
    <%@ Register TagPrefix="radS" Namespace="Telerik.WebControls" Assembly="RadSplitter.Net2" %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
     <head runat="server">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
      <title>
        <%= Page.GetType().ToString().Replace(".","_") %>: <asp:ContentPlaceHolder id="m_cphTitle" runat="server" />
      </title>
      <script type="text/javascript" src="/Documentation/Default.js"></script>
      <script type="text/javascript" src="/Web/scripts/x.js"></script>
     </head>

    <body class="mainBody">
    <!--
    <asp:HyperLink ID="m_hlLogoLink" runat="server"><asp:Image ID="m_imgLogo" BorderWidth="0" runat="server" /></asp:HyperLink>
    <C:ApplicationName ID="m_ctlApplicationName" runat="server" />
    -->
    <form id="m_frmForm" runat="server">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
      <tr>
        <td width="278" height="56" valign="top"><img id="Img3" alt="" runat="server" src="~/images/logo_top.gif" width="278" height="56"/></td>
        <td width="100%" class="techSupport">
            <img  alt=""
                src="../App_Themes/Default/onlinechat.gif" border="0"
                onClick="javascript:window.open('http://www.websitealive2.com/720/rrouter.asp?groupid=720&websiteid=63&departmentid=802&dl='+escape(document.location.href),'','width=450,height=400');"
                style="cursor:pointer;vertical-align:middle;"/>
            <asp:Hyperlink ID="m_hlContactSupport" NavigateUrl="~/ContactSupport.aspx" runat="server">Technical Support</asp:Hyperlink>
            &nbsp;|&nbsp;
            <a href="javascript:FMCOpenHelp( '<%= Page.GetType().ToString().Replace(".","_") %>', '', '', '' );"> Documentation</a>
            <!-- USAGE: FMCOpenHelp( ID, SkinName, SearchString, SearchStringValue ); -->
        </td>
      </tr> 
      </table>
      <radS:RadSplitter id="m_rSplitter" runat="server"  width="98%"  ResizeMode="Proportional" Height="100%" Skin="Default">
         <radS:RadPane id="m_navigationPane" runat="server" Width="278px" Height="" MinWidth="278" Scrolling="None" >
                            <!--
                                Left Pane Content
                            -->               
     <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="17" align="left" valign="top" id="line_top"><img runat="server" alt=""  src="~/images/spacer_white_12x17.gif" width="12" height="17"/></td>
      </tr>
      <tr>
      <td width="278" id="m_tdNavigation" runat="server" valign="top" style="border-right:1px solid #D9D9D9; background-color: White;">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td colspan="2" style="text-align: center; padding: 10px 0px 0px 0px">
                <asp:Image ID="m_imgCompanyLogo" runat="server" />
              </td>
            </tr>
            <tr>
              <td width="12" height="50" valign="top">&nbsp;</td>
              <td width="266" valign="top" class="menuTree" style="padding:10px 0px 0px 15px; border:5px solid #FFFFFF" id="empty_bg1">
                <b class="menuTreeGrn">User:</b>
                <asp:Label ID="m_lblCurrentUser" runat="server" /><br/>
                <b class="menuTreeGrn">Company:</b>
                <asp:Label ID="m_lblCurrentCompany" runat="server" /><br/>
                <C:SelectCompany ID="m_ctlSelectCompany" runat="server" OnSelectedCompanyChanged="m_ctlSelectCompany_SelectedCompanyChanged"/><br />
              </td>
            </tr>
            <tr id="m_trAccountAndDeal" runat="server">
              <td width="12" height="50" valign="top">&nbsp;</td>
              <td width="266" valign="top" class="menuTree" style="padding:10px 0px 0px 15px; border:5px solid #FFFFFF" id="empty_bg">
                <b class="menuTreeGrn">Account:</b>
                <asp:HyperLink ID="m_hlCurrentAccount" runat="server"></asp:HyperLink><br />
                <b class="menuTreeGrn">Deal:</b>
                <asp:HyperLink ID="m_hlCurrentDeal" runat="server"></asp:HyperLink>
              </td>
            </tr>
            <tr>
              <td width="12" valign="top"><img runat="server" alt=" " src="~/images/spacer_white_12x17.gif" width="12" height="17"/></td>
              <td width="266" valign="top" class="menuTree" style="padding: 10px 0px 0px 15px; ">
                  <radT:RadTreeView ID="m_rtvNavigation" runat="server" AutoPostBack="false"
                      ContentFile="~/App_Data/NavTree.xml" style="overflow: hidden" Height="100%" />
              </td>
            </tr>
          </table>
          <asp:Image runat="server" ImageUrl="~/Images/spacer.gif" width="278" Height="1" ID="blankImage1"/>
        </td>
      </tr>
      <tr>
         <td width="278" valign="top" style="background-color: White;"><img id="Img1" alt="" runat="server" src="~/images/corner_main_02.gif" width="10" height="10"/></td>
      </tr>
      </table>
      </radS:RadPane>
      <radS:RadSplitBar id="RadSplitbar1" runat="server" CollapseMode="Forward"></radS:RadSplitBar>
         <radS:RadPane id="m_contentPane" runat="server" Height="100%">
           <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td height="17" align="right" valign="top" id="line_top2" style="text-align: right"><img runat="server" alt="" src="~/images/corner_main_01.gif" width="10" height="17"/></td>
      </tr>
      <tr>
        <td valign="top" id="m_tdContent" runat="server" width="100%" style="padding: 20px 30px 0px 30px; background-color: White;">
          <h1><asp:ContentPlaceHolder id="m_cphHeader" runat="server" /></h1>
         
            
                <div style="border: 1px solid red; width:100%; padding:5px;" id="DivErrorConteiner" runat="server" visible="false" >
                    <asp:Label ID="m_lblError" visible="true" Font-Bold="true" ForeColor="red" runat="server"></asp:Label>
                    <br/>
                    <asp:TextBox ID="m_tbErrorUserDescrip" Visible="true" Width="800" runat="server">Please describe what you were doing in CORE when this exception occurred
                    </asp:TextBox>
                    <asp:Button ID="m_btnErrorUserSend" Visible="true" Text="Send" runat="server"  OnClientClick="__doPostBack('ctl00$m_btnErrorUserSend','')"  OnClick="m_btnErrorUserSend_click" />
                </div>

              <asp:ContentPlaceHolder id="m_cphContent" runat="server" />
        </td>
      </tr>
      <tr>
        <td colspan="2" align="right" valign="top" style="text-align: right; background-color: White;"><img id="Img2" alt="" runat="server" src="~/images/corner_main_03.gif" width="10" height="10"/></td>
      </tr>
    </table>
     </radS:RadPane>
      </radS:RadSplitter>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td height="70%" colspan="2" valign="top" class="footerLeft"><a href="http://www.entrancesoftware.com/"><img runat="server" alt="" src="~/images/es_logo.gif" border="0" width="140" height="57" align="absmiddle" style="margin-right:20px"/></a>ADAPTATION.
          AUTOMATION. APPLICATIONS.</td>
        <td width="30%" align="right" valign="middle" class="footer" style=" padding:0px 10px 0px 0px; text-align: right; ">
          <span id="m_spnVersion" style="text-align:right" runat="server" /><br />
          Copyright &copy;
          <YTC:YearToCurrent ID="YearToCurrent" runat="server" StartYear="2006" />
          Entrance Software</td>
      </tr>
      <tr>
        <td height="0" style="height: 19px"></td>
        <td style="height: 19px"><asp:Image runat="server" ImageUrl="~/Images/spacer.gif" width="389" Height="1" ID="Image1"/></td>
        <td style="height: 19px"></td>
      </tr>
    </table>

    </form>

    <script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-1310000-4";
    urchinTracker();
    </script>

    </body>
    </html>

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 29 Sep 2008 Link to this post

    Hi Vanesa,

    Would you please try including the following style in the MasterPage's head:

     <style type="text/css">  
        html, body, form  
        {  
           height: 100%;  
           margin0px;  
           padding0px;  
        }  
        </style> 

    Please, also note that you have set the splitter's height to 100% and at the same time you have a header and footer table - in case you want the splitter to occupy 100% of the available space except for the footer and the header, you should set its HeightOffset property to the sum of the heights of the tables.

    I also recommend to examine this online demo.

    Best wishes,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Vanesa
    Vanesa avatar
    5 posts
    Member since:
    Oct 2007

    Posted 30 Sep 2008 Link to this post

    Hello,
    Thank by solutions, I have added the style.
    But, now not show all content. I have added the script

    <

    script type="text/javascript">

    function SplitterLoaded(splitter, arg)

    {

    var pane = splitter.GetPaneById("<%= m_contentPane.ClientID %>");

    var parentContent = pane.getContentElement();

    var contentHeight = parentContent.scrollHeight;

    pane.set_height(contentHeight);

    splitter.set_height(contentHeight);

    document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+

    "px";

    }

    </script> 

    But, getContentElement= null.
    Please, How I can solve it?

  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 02 Oct 2008 Link to this post

    Hi Vanesa,

    I tested your code both under FF3 and IE7 but the result was the same - please examine the attached screenshots.

    Would you please prepare a sample, fully runnable reproduction project, open a new support ticket and send it to me along with the used dll and some screenshots? Once I receive it, I will do my best to help.

    Best wishes,
    Svetlina
    the Telerik team

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