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

Splitter with IE 7

3 Answers 82 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Vanesa
Top achievements
Rank 1
Vanesa asked on 26 Sep 2008, 12:34 PM
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>

3 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 29 Sep 2008, 05:00 PM
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.
0
Vanesa
Top achievements
Rank 1
answered on 30 Sep 2008, 09:24 PM
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?

0
Svetlina Anati
Telerik team
answered on 02 Oct 2008, 01:54 PM
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.
Tags
Splitter
Asked by
Vanesa
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Vanesa
Top achievements
Rank 1
Share this question
or