Apr 25, 2014, 10:33 AM
HtmlEditor not working on TabPanel
Hi everybody,
I have a problem in using HtmlEditor in TabPanel.
I create a TabPanel with 3 panels inside. I put a TextField into the first panel, 1 HtmlEditor into second panel and 1 HtmlEditor into third panel.
The problem is I can not focus / typing or editting on HtmlEditor controls.
Here my code:
Many thanks,
Hoang.
I have a problem in using HtmlEditor in TabPanel.
I create a TabPanel with 3 panels inside. I put a TextField into the first panel, 1 HtmlEditor into second panel and 1 HtmlEditor into third panel.
The problem is I can not focus / typing or editting on HtmlEditor controls.
Here my code:
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Inherit" Theme="Gray"
ScriptMode="Release" StateProvider="PostBack" RenderScripts="Embedded" SourceFormatting="false"
RenderStyles="Embedded" CleanResourceUrl="false" QuickTips="true" AjaxViewStateMode="Enabled"
ShowWarningOnAjaxFailure="false" Locale="en-us" InitScriptMode="Inline">
</ext:ResourceManager>
<ext:Viewport ID="viewportMain" runat="server" AutoScroll="true">
<Items>
<ext:TabPanel runat="server" ID="TabPanel1" Region="Center" HideMode="Offsets">
<Items>
<ext:Panel runat="server" ID="Panel1" Title="Panel1" BodyStyle="padding: 2px 2px 2px 2px"
Border="false" BodyBorder="0" AutoScroll="true" MinHeight="200">
<Content>
<table border="0" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>
<ext:TextField runat="server" ID="TextField1" FieldLabel="TextField1" AllowBlank="false"
Width="350" LabelWidth="120">
</ext:TextField>
</td>
</tr>
</table>
</Content>
</ext:Panel>
<ext:Panel runat="server" ID="Panel2" Title="Panel2" BodyStyle="padding: 2px 2px 2px 2px"
Border="false" BodyBorder="0" AutoScroll="true" MinHeight="200">
<Content>
<table border="0" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>
<ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="200" Width="650" FieldLabel="HtmlEditor1"
LabelWidth="120" />
</td>
</tr>
</table>
</Content>
</ext:Panel>
<ext:Panel runat="server" ID="Panel3" Title="Panel3" BodyStyle="padding: 2px 2px 2px 2px"
Border="false" BodyBorder="0" AutoScroll="true" MinHeight="200">
<Content>
<table border="0" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>
<ext:HtmlEditor ID="HtmlEditor2" runat="server" Height="200" Width="650" FieldLabel="HtmlEditor2"
LabelWidth="120" />
</td>
</tr>
</table>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</form>
Could you please help me to resolve this?Many thanks,
Hoang.