I tried to reproduce the problem in my local test by creating a simple page of WebTab, WebTab ID is WebTab1. The WebTab has 2 tab pages where the content is inline. Both of the tab pages have identical WebTextEditor except for their id.

In IE9: only the first editor will display the complete toolbar.The toolbarsof the other editors on the pageeither do not show completely (if standard mode is used, for example) or do not show at all (if Complete or Rich modes are used, for example), until youresize the browser or switch back-and-forth betweenthe viewmodes at the bottom of the editor.

I was able to reproduce the reported problem in my local end. To overcome this issue, I add OnAfterTabChanged client side event of WebTab. In the OnAfterTabChanged event, invoke the ResizeHeader() method of WebTextEditor.

The code in .aspx file

<ISWebDesktop:WebTab ID="WebTab1" runat="server" Height="600px" Width="800px">
    <ClientSideEvents OnAfterTabChanged="WebTab1_OnAfterTabChanged()" />
    <TabPages>
        <ISWebDesktop:WebTabItem Name="Tab1" Text="Overview">
            <PageTemplate>
                <ISWebTextEditor:WebTextEditor ID="WebTextEditor1" runat="server" Height="100%" Width="100%">
                    ...
                </ISWebTextEditor:WebTextEditor>
            </PageTemplate>
        </ISWebDesktop:WebTabItem>
        <ISWebDesktop:WebTabItem Name="Tab2" Text="Overview2">
            <PageTemplate>
                <ISWebTextEditor:WebTextEditor ID="WebTextEditor2" runat="server" Height="100%" Width="100%">
                    ...
                </ISWebTextEditor:WebTextEditor>
            </PageTemplate>
        </ISWebDesktop:WebTabItem>
    </TabPages>
</ISWebDesktop:WebTab>

The JavaScript function

function WebTab1_OnAfterTabChanged()
{
    var rte = ISGetObject("WebTextEditor2");
    rte.ResizeHeader();
            
    return true;
}

I have tested this approach on IE 9 and Firefox 16.01 with a good result.

In Firefox: The toolbars are displayed without problem, but the two editors, whichare exactly the same, except fortheir id, do not have exactly the same size.You can see one of the editors "moving up or down"when switching between the two tabs.

I was also able to reproduce the “moving up or down” problem in Firefox browser. After inspect the difference using FireBug, I found 2px height difference between frame element of WebTextEditor which is located in tab page 1 and tab page 2.

This 2px height difference happens on the content area of WebTextEditor. I will continue the investigation to find out what may cause the problematic layout.

Please let us hear your feedback whether it helps or not.

Hello,

OnAfterTabChanged has resolved the toolbar issue.  Thank you.

Please let me know when you have a solution for the 2px discrepancy between the two editors in Firefox.

Regards,
Jean

I’m going to check the differences between those two tab pages. Please bear with me while I investigate which elements or styles that may have caused the problem.