1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default Unanswered: Styling Combobox

    Unanswered: Styling Combobox


    Hi,
    I would like to style combo box as shown in the below figure :
    Screen Shot 2013-02-04 at 1.12.38 PM.png

    Please help as to how shall I proceed. Examples/Demos would be really helpful.
    Thanks,
    Ronz

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    Answers
    124
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi Ronits
    May be you can try by overriding by the followings classes for

    Code:
    .x-border-box .x-form-text {
    height: 22px;
    border-radius: 4px 0px 0px 4px;
    background: rgb(240,240,240);
    text-align: center;
    }
    
    
    .x-border-box .x-form-trigger {
    height: 22px;
    border-radius: 0px 4px 4px 0px;
    }
    I have created a demo for you .Please have a look.

    demo.png
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default


    Hi,
    Thanks. Almost what is required. However, instead of background:rgb(), would like to have image or some gradient, to make the look and feel more like it.
    Thanks,
    Ronz

Thread Participants: 1

Tags for this Thread