[CLOSED] TabPanel layout fails when updating ResourceManager's theme

  1. #1

    [CLOSED] TabPanel layout fails when updating ResourceManager's theme

    When the INITIAL ResourceManager's theme is set to Gray or Default (View - line 1) and then, the theme is updated to Access (using the existing SelectBox), the background color of all tabs fail, as shown bellow:

    Gray theme
    Click image for larger version. 

Name:	Error 006.png 
Views:	68 
Size:	5.1 KB 
ID:	5040

    Access Theme - ERROR
    Click image for larger version. 

Name:	Error 007.png 
Views:	83 
Size:	5.6 KB 
ID:	5041

    Access Theme - EXPECTED BEHAVIOUR
    Click image for larger version. 

Name:	Error 008.png 
Views:	74 
Size:	5.1 KB 
ID:	5042

    Note: The problem does not occur if the INITIAL ResourceManager's theme is set to Access, then the theme is set to Default or Gray and then, set to Access again.

    Going Furter, after changing the theme, it's necessary to update the layout of TabPanel (JavaScript - line 4), otherwise, the title of all tabs break, as shown bellow:
    Click image for larger version. 

Name:	Error 009.png 
Views:	69 
Size:	5.4 KB 
ID:	5043

    Thanks in advance

    1 - View
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" />
    <ext:Panel ID="Panel1" Margin="10" Header="false" runat="server">
        <Items>
            <ext:SelectBox ID="SelectBox1" FieldLabel="Change the Theme" LabelAlign="Top" runat="server">
                <Items>
                    <ext:ListItem Text="Gray" />
                    <ext:ListItem Text="Access" />
                </Items>
                <Listeners>
                    <Change Handler="setTheme(item.value)" />
                </Listeners>
            </ext:SelectBox>
            <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Width="600" Height="250"
                Plain="true">
                <Items>
                    <ext:Panel runat="server" Title="Tab 1" Html="Tab 1"
                        BodyPadding="6" AutoScroll="true" />
                    <ext:Panel runat="server" Title="Tab 2" Html="Tab 2"
                        BodyPadding="6" AutoScroll="true" />
                </Items>
            </ext:TabPanel>
        </Items>
    </ext:Panel>
    2 - Javascript
    <script type="text/javascript">
        var setTheme = function (theme) {
            Ext.net.ResourceMgr.setTheme(theme);
            App.TabPanel1.doLayout();
        }
    </script>
    Last edited by Daniil; Nov 09, 2012 at 3:23 PM. Reason: [CLOSED]
  2. #2
  3. #3
    Daniil, please mark it as closed.

    Note: For more information about the closure of this thread, please see the following thread: http://forums.ext.net/showthread.php...anager-s-theme
  4. #4
    Thank you for the update, Raphael!

Similar Threads

  1. Replies: 15
    Last Post: Feb 11, 2013, 11:32 PM
  2. [CLOSED] Updating content in tabpanel causes tabpanel to redraw incorectly
    By taylorjp2000 in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Sep 26, 2012, 2:06 PM
  3. Replies: 3
    Last Post: Jul 20, 2012, 4:50 PM
  4. Replies: 19
    Last Post: May 18, 2011, 4:45 PM
  5. TabPanel inside UpdatePanel - fails
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 05, 2008, 9:02 PM

Posting Permissions