Results 1 to 3 of 3

Thread: Styling Combobox

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
      0  

    Default 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 User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335
    Answers
    124
    Vote Rating
    91
      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
      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

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
  •