Results 1 to 4 of 4

Thread: How to change color of a toolbar with the cls config ?

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    France
    Posts
    159
    Answers
    2
    Vote Rating
    3
      0  

    Default Answered: How to change color of a toolbar with the cls config ?

    Hi,

    I've been searching all the day how to do that. Here i am :

    JS :
    Code:
    Ext.define('DSK.view.desktop.Taskbar', {
        extend: 'Ext.toolbar.Toolbar',
        alias: 'widget.taskbar',
        cls: 'taskbar',
        items: [
        {
            text: 'Start'
        }
        ]
    });
    CSS :
    Code:
    .taskbar
    {
        background-color:#00CBFF; 
    }

  2. Should work:

    Code:
    .taskbar.x-toolbar{
        background-color: #00CBFF; 
    }

  3. #2
    Sencha User friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Answers
    106
    Vote Rating
    27
      1  

    Default

    This works:

    Code:
    {
        xtype: 'toolbar',
        style: {
          background: 'red'
        },
        <...>
    }

  4. #3
    Sencha User Izhaki's Avatar
    Join Date
    Apr 2009
    Location
    London
    Posts
    118
    Answers
    7
    Vote Rating
    14
      1  

    Default

    Should work:

    Code:
    .taskbar.x-toolbar{
        background-color: #00CBFF; 
    }

  5. #4
    Sencha User
    Join Date
    Jul 2012
    Location
    France
    Posts
    159
    Answers
    2
    Vote Rating
    3
      0  

    Default

    friend : Thanks a lot =) And that's working with hexa !

    Otherwise, how can i change the border color or make a degraded on the toolbar, with that method ?

    Izhaki : But it don't on here.. (EDIT : Need to put "! important" after every CSS line.
    ex : background: #7FD4FF !important;)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •