An example using Cutesoft example on Auto Adjusting Height to show our issue...
<%@ Page Language="C#"%>
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
<html>
<head>
<title>ASP and ASP.NET WYSIWYG Editor - Editor Auto Adjusting Height</title>
<link rel="stylesheet" href="example.css" type="text/css" />
</head>
<body>
<form id="Form1" runat="server">
<table cellpadding="15">
<tr>
<td id="leftcolumn" width="160">
</td>
<td>
<h1>Editor Auto Adjusting Height</h1>
This example shows how to use Editor.ResizeMode to make the Editor change it's height based on the content.
The Editor will now grow and shrink in height to match the content inside.
<br />
<asp:radiobuttonlist id="ResizeList" runat="server" autopostback="True" RepeatDirection="Horizontal" onselectedindexchanged="theme_Changed">
<asp:ListItem value="AutoAdjust" Selected="True">AutoAdjust</asp:ListItem>
<asp:ListItem value="ResizeCorner">ResizeCorner</asp:ListItem>
<asp:ListItem value="PlusMinus">PlusMinus</asp:ListItem>
<asp:ListItem value="None">None</asp:ListItem>
</asp:radiobuttonlist>
<CE:Editor id="Editor1" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br />
<table><tr><td><CE:Editor id="Editor2" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br /></td>
<td><CE:Editor id="Editor3" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br /></td></tr></table>
<CE:Editor id="Editor4" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br />
<CE:Editor id="Editor5" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br />
<CE:Editor id="Editor6" EditorWysiwygModeCss="example.css" AutoConfigure="Simple" Height="200" ResizeMode="AutoAdjust" ThemeType="Office2007" runat="server"/> <br />
<asp:Button id="btnUpdate" onclick="Submit" Runat="server" Text="Submit"></asp:Button>
<asp:Literal ID="Literal1" Runat="server" />
</td>
</tr>
</table>
</form>
</body>
</html>
<script runat="server">
void Page_Load(object sender, System.EventArgs e)
{
if (IsPostBack)
{
Literal1.Text = "<h2>The HTML you typed is...</h2><br>";
Literal1.Text += Server.HtmlEncode(Editor1.XHTML);
}
else
{
Editor1.Text = "This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>";
}
}
public void Submit(object sender, System.EventArgs e)
{
Literal1.Text = "<h2>The HTML you typed is...</h2><br>";
Literal1.Text += Server.HtmlEncode(Editor1.XHTML);
}
private void theme_Changed(Object sender, EventArgs e)
{
switch(ResizeList.SelectedItem.Value)
{
case "AutoAdjust":
Editor1.ResizeMode = EditorResizeMode.AutoAdjust;
Editor1.Text = "Editor1.ResizeMode = EditorResizeMode.AutoAdjust;";
break;
case "ResizeCorner":
Editor1.ResizeMode = EditorResizeMode.ResizeCorner;
Editor1.Text = "Editor1.ResizeMode = EditorResizeMode.ResizeCorner;";
break;
case "PlusMinus":
Editor1.ResizeMode = EditorResizeMode.PlusMinus;
Editor1.Text = "Editor1.ResizeMode = EditorResizeMode.PlusMinus;";
break;
case "None":
Editor1.ResizeMode = EditorResizeMode.None;
Editor1.Text = "Editor1.ResizeMode = EditorResizeMode.None;";
break;
}
Editor1.Visible = true;
}
</script>