Results 1 to 2 of 2

Thread: Applying Css for Button control

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

    Default Unanswered: Applying Css for Button control

    Hi,

    I am using cls property of button control to apply custom css for button but it is applying only for maindiv of button not for inner Divs. If I add classes to inner divs also using Javascript its working fine for all browsers except IE8 or below. It seems its because of extra css classes which are adding to the control to support lower version of browsers affecting the css classes which iam adding.

    How can i solve this issue?

    Thanks in advance.

    Regards,
    Shravan

  2. #2
    Sencha User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335
    Answers
    124
    Vote Rating
    91
      0  

    Default

    HI!

    you may try following to add custom CSS for inner & main section of your button.

    CSS:-
    .myBtn{background:red !important;}
    .myBtn span{background:yellow !important;color:blue !important}

    Code:
    {
        xtype:'button'        
        text:"Custom CSS Button",
        cls:'myBtn',
        width:200
    }
    Output:-
    customCSSButton.png
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Posting Permissions

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