Multiple Editors in AjaxToolkit:TabContainer has different Heights in IE7

  •  12-21-2008, 6:01 AM

    Multiple Editors in AjaxToolkit:TabContainer has different Heights in IE7

    Hi,
     
    for each Editor in a TapPanel in a AjaxToolkit:TabContainer I set a Height="200px".
    But in Internet Explorer 7 CuteEditor shows different Heights in each TapPanel.
     
    Is this fixable?

    Thanks!


    Example Code:
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="CuteEditor.aspx.vb" Inherits="CuteEditor" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    <%@ Register TagPrefix="CuteEditor" Namespace="CuteEditor" Assembly="CuteEditor" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <title></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="Server"/>
    <ajaxToolkit:TabContainer ID="TabContainer1" runat="server">
    <ajaxToolkit:TabPanel ID="Panel1" runat="server" HeaderText="Panel1">
    <ContentTemplate>

    <CuteEditor:Editor ID="Editor1" runat="server"
      ConfigurationPath="~/CuteSoft_Client/Configuration/AutoConfigure/Simple.config" Height="200px" ThemeType="Office2007">
      <FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px" CssClass="CuteEditorFrame" Height="100%"
      Width="100%" /></CuteEditor:Editor>
    </ContentTemplate>
    </ajaxToolkit:TabPanel

    <ajaxToolkit:TabPanel ID="Panel2" runat="server" HeaderText="Panel2">
    <ContentTemplate>
    <CuteEditor:Editor ID="Editor2" runat="server"
      ConfigurationPath="~/CuteSoft_Client/Configuration/AutoConfigure/Simple.config" Height="200px" 
      ThemeType="Office2007">
      <FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px" CssClass="CuteEditorFrame" Height="100%"
      Width="100%" /></CuteEditor:Editor>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>
    </form>
    </body>
    </html>
View Complete Thread