Hide Input Text on ComboBox

[slenecleko]

Hello

There's any way to hide the input text in a ComboBox? I only want to show the trigger button:
ComboBox.png

I tried to apply some CSS to the "inputEl" element, but without any result. There's any property to hide this input and only show the button that displays my list template?

Thanks!

[hakimio]

You can do it with CSS:
https://fiddle.sencha.com/#fiddle/1h50

.my-special-combo .x-form-text-wrap {
    display: none;
} 

[slenecleko]

You can do it with CSS:
https://fiddle.sencha.com/#fiddle/1h50

.my-special-combo .x-form-text-wrap {
    display: none;
} 

Thanks for your reply, I also need that the component trigger width occupies only 30px, so I added to your file:

.x-form-trigger-wrap{    width: 30px !important;} 

But my problem now it's that the combo "opens" to the right, there's any way to set it to the left?

ComboBox.png

[slenecleko]

I just realized that your solution works for Sencha 6.2 but with previous versions (I'm using 6.1.2) your CSS hides everything

[hakimio]

You can set pickerAlign config. Maybe "tr-br?" will work for you.

[slenecleko]

You can set pickerAlign config. Maybe "tr-br?" will work for you.

That's it! Thanks! Great help!