1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
    kkitamura is on a distinguished road

      0  

    Question [SOLVED] How can I change the style of a label or field?

    [SOLVED] How can I change the style of a label or field?


    I think to use fieldStyle or labelStyle,
    but I don't know how to set them.
    Please teach me the detailed setting method.

  2. #2
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
    kkitamura is on a distinguished road

      0  

    Exclamation I made it!

    I made it!


    The method was found!

    What was necessary was just to only have set to fieldStyle or labelStyle with "background-color:red;font-size:18px".

    That's all!

  3. #3
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    8,185
    Vote Rating
    63
    aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice

      0  

    Default


    That's one way to do it or you could also add an additional css class to the field and then style it via css.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  4. #4
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
    kkitamura is on a distinguished road

      0  

    Question


    Thanks a lot!
    Can the font size of a button-text or combo-box item also be changed by CSS?
    I tried them but could not change,but only background color.

    What is bad?

    Code is
    -------------------------------
    {
    xtype:'button',
    cls:'x-btn-inner',
    .
    .
    }

    {
    xtype:'combobox',
    cls :'x-combo-list-item',
    .
    .
    }

    css is

    .x-btn-inner {
    background:lightgray;
    font-size: 18px !important;
    font-weight: bold !important;
    color: red;
    }


    .my-combo-lst .x-combo-list-item{
    font-size:48px;
    color:red;
    }


    Best regards,
    K.kitamura.

  5. #5
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    8,185
    Vote Rating
    63
    aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice

      0  

    Default


    Yes, they can be changed with CSS. Ensure that the rules are affecting the proper elements and have the right amount of specificity.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  6. #6
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
    kkitamura is on a distinguished road

      0  

    Default


    Thanks.