HtmlEditor not working on TabPanel

  1. #1

    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:
    <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.
  2. #2
    I do not recommend to use Content at all
    If you use Items then all works fine
    <ext:Panel runat="server" ID="Panel2" Title="Panel2" BodyStyle="padding: 2px 2px 2px 2px"
                            Border="false" BodyBorder="0" AutoScroll="true" MinHeight="200">
                            <Items>
                                            <ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="200" Width="650" FieldLabel="HtmlEditor1"
                                                LabelWidth="120" />
                            </Items>
                        </ext:Panel>
  3. #3
    Hi Vladimir,

    Thanks for your reply, I have resolved my problem. You can mark this thread as Closed.
    Hoang.

Similar Threads

  1. HtmlEditor AnchorHorizontal not working
    By lasalle in forum 1.x Help
    Replies: 2
    Last Post: May 27, 2013, 7:32 AM
  2. HyperLink in HtmlEditor is not working
    By reezvi in forum 1.x Help
    Replies: 6
    Last Post: May 17, 2012, 5:40 PM
  3. HtmlEditor not working with Ext.NET 1.0 RC1
    By beufreecasse in forum 1.x Help
    Replies: 2
    Last Post: Jun 13, 2011, 11:07 PM
  4. [CLOSED] tabpanel with htmleditor problem
    By Lex in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 24, 2008, 9:05 AM
  5. Replies: 1
    Last Post: Aug 06, 2008, 1:23 PM

Tags for this Thread

Posting Permissions