Selection bar implementation in xtype-selectfield same as datepickerfield

Question

In Sencha touch version 2.3.0 we have xtype:'datepickerfield' for which we have a default bar that indicates the selected date.

This selection blue bar can be modified using following css property.

.x-picker-bar {
  background: rgba(247, 109, 48, 0.6);
}

Now we have another component with xtype:'selectfield'. I want to implement this bar to this component as well. How can this be implemented? Any suggestions?

You can just inspect the element to get its class then add a CSS rule for your desired effect — Aziz, Feb 08 '16 at 08:06

score 1 · Accepted Answer · answered Feb 12 '16 at 08:21

1

Below css will serve your purpose Pushkar:

.x-picker-slot .x-dataview-item.x-item-selected {
    background: rgba(247, 109, 48, 0.6) !important;
}

Let me know it helps or not.

answered Feb 12 '16 at 08:21

Anand Gupta

5,640
3
27
37

Selection bar implementation in xtype-selectfield same as datepickerfield

1 Answers1