[CLOSED] Apply Theme-Style to Bottombar

  1. #1

    [CLOSED] Apply Theme-Style to Bottombar

    Hi,

    I have a page that uses the Neptun Theme.
    All Buttons are blue.

    Somehow a bottombar looks different, white background and grey buttons.

    Please see this demo code:

    <%@ Page Language="VB" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Neptune" />
    
            <ext:Viewport ID="Viewport1" runat="server" Layout="borderLayout">
                <Items>
    
    
                    <ext:Window
                        ID="Window1"
                        runat="server"
                        Collapsible="False"
                        Maximizable="false"
                        Icon="BookOpen"
                        Title="Testwindow"
                        Width="800"
                        Height="380"
                        Hidden="false" Layout="BorderLayout">
                        <Items>
                            <ext:Panel ID="Panel1"
                                runat="server"
                                Header="true"
                                Frame="true" Flex="2" Region="Center">
                                <Items>
    
                                </Items>
                                <BottomBar>
                                    <ext:Toolbar runat="server" ID="ToolbarOT">
                                        <Items>
                                            <ext:Button ID="Button1" runat="server" Text="Button 1" Icon="Delete">
                                            </ext:Button>
                                            <ext:Button ID="Button2" runat="server" Text="Button 2" Icon="Add" />
                                        </Items>
                                    </ext:Toolbar>
                                </BottomBar>
                            </ext:Panel>
    
                            <ext:Panel
                                ID="Panel2"
                                runat="server"
                                Frame="true"
                                Header="true" Region="East" Flex="1">
                                <Items>
                                </Items>
                                <Buttons>
                                    <ext:Button ID="Button3" runat="server" Text="Button 3" Icon="Delete" Flex="1" >
                                    </ext:Button>
                                    <ext:Button ID="Button4" runat="server" Text="Button 4" Icon="Disk" Flex="1" >
                                    </ext:Button>
                                </Buttons>
                            </ext:Panel>
                        </Items>
                    </ext:Window>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>

    How can I apply the neptun style (like in the right Panel <buttons>) ?

    Thank you
    Last edited by Daniil; Jan 31, 2014 at 5:51 AM. Reason: [CLOSED]
  2. #2
    Toolbar buttons in Neptune have light color
    Use Buttons or set ClassicButtonStyle="true" for Toolbar
  3. #3
    Thank you Vladimir that did work.


    The only reason why I am using a a toolbar here, is because I need the buttons left aligned.
    I did not see a property for that in <buttons>. Am I wrong?
  4. #4
    Yes, the Buttons section aligns its buttons on the right only. Actually, it is just a shorthand for a bottom docked item.
    http://docs.sencha.com/extjs/4.2.1/#...el-cfg-buttons

Similar Threads

  1. Replies: 1
    Last Post: Jan 20, 2014, 4:27 AM
  2. Replies: 4
    Last Post: Sep 04, 2012, 9:32 PM
  3. How to apply a theme to <ext:Label /> control?
    By vadym.f in forum 1.x Help
    Replies: 2
    Last Post: Jan 17, 2012, 12:03 PM
  4. [CLOSED] Apply Style to HtmlEditor Content Area?
    By peter.campbell in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 01, 2011, 1:49 PM
  5. how to apply User theme like olive
    By pearl in forum 1.x Help
    Replies: 1
    Last Post: May 21, 2009, 3:32 AM

Tags for this Thread

Posting Permissions