Turning off the stretchable behavior of <af:inputComboboxListOfValues>

The <af:inputComboboxListOfValues> has been enhanced recently(11.1.1.4.0) to stretch the contents of the drop down list to reflect the display width of the attribute that you set on a view object.


This feature is controlled by a boolean ADF skin property, -tr-stretch-dropdown-table. Web UI Developers Guide says...
This property determines whether the table in the dropdown list stretches to show the content of the table columns or limits the width of the table to the width of the input field in the inputComboboxListOfValues component.

You can turn off the stretchable behavior using the following selector in your css file. Customizing the skinning is already discussed in one of my previous post- Style your application in your own way. More details on skinning can be found in the following link as well - Apache Trinidad Skinning

af|inputComboboxListOfValues{
-tr-stretch-dropdown-table: false;
}

Comments

Disclaimer

The views expressed on this blog are my own and do not necessarily reflect the views of my employer.