Results 1 to 4 of 4

Thread: ComboBox dropdown items with different CSS

  1. #1
    Sencha User
    Join Date
    Oct 2016
    Posts
    6
    Answers
    1

    Default ComboBox dropdown items with different CSS

    Hi,

    How to set different itemCls for items in ComboBox dropdown. I'm able to do the same using tpl but i feel like overkill. Kindly enlighten me.

    fiddle

    Regards,
    Rajan.M

  2. #2
    Sencha User
    Join Date
    Apr 2013
    Posts
    908
    Answers
    105

    Default

    You can also customize displayTpl.

  3. #3
    Sencha User
    Join Date
    Oct 2016
    Posts
    6
    Answers
    1

    Default

    Hi hakimio,

    Thanks for the reply. I need to style the drop down of combobox and not the textfield. please see below.

    dropdown.png

  4. #4
    Sencha Premium User
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    182
    Answers
    10

    Default

    See this fiddle. this does both - uses a different css class for each item

    https://fiddle.sencha.com/#fiddle/20qa&view/editor

    I followed a post by someone far more clever than me on stackoverflow .. or here, not sure, but in any event this was not my IP

Similar Threads

  1. Combobox dropdown size (number of items to show)
    By nhan in forum Sencha Ext JS Q&A
    Replies: 1
    Last Post: 12 Dec 2012, 2:14 PM
  2. Replies: 1
    Last Post: 4 Feb 2010, 6:19 AM
  3. DropDown items blank. Correct number of items appear however.
    By geewhizbang in forum Sencha Ext JS Q&A
    Replies: 3
    Last Post: 9 Oct 2009, 6:37 AM
  4. How to change the font of combobox dropdown items?
    By ssa962 in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 19 Aug 2007, 11:09 AM
  5. ComboBox, How to set dropdown only to 10 items only?
    By franzisk in forum Ext 1.x: Help & Discussion
    Replies: 12
    Last Post: 19 May 2007, 3:04 AM

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
  •