Results 1 to 2 of 2

Thread: Sencha Touch button style problem

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    6
    Vote Rating
    0
      0  

    Question Sencha Touch button style problem

    I am trying to set the style of a toolbar button like this:

    Code:
    {ui: 'plain', text: 'Text', cls: 'linkButton'}
    where "linkButton" is the name of my css class. However the style is overridden by sencha's default style when the page is rendered. I used Chrome's inspect element tool and found this

    Code:
    <div id="ext-comp-1008" class="x-button linkButton x-button-plain"><span class="x-button-label" id="ext-gen1015">Text</span></div>
    My css class is overridden by the x-button-plain style. Am I missing something?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    The ui class will take priority over the cls config. You may need to use !important in your CSS.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

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