1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    6
    Vote Rating
    0
    hitmaneidos is on a distinguished road

      0  

    Question Sencha Touch button style problem

    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 - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,812
    Vote Rating
    836
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The ui class will take priority over the cls config. You may need to use !important in your CSS.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread