Taming loooong combo boxes in ADF page Query block

During designing ADF fusion form layout in JDeveloper, sometimes there is a problem with combo boxes in query block:

·          They become too long, as they always try to fit the longest string

·          They change the width randomly as we select other autosubmit elements on which combo boxes are dependent.

 

It can be tamed a bit if you attach specific css class directly on the query, as it is shown here in the following example:

STEP 1:

On your application CSS definition file, add the following class def: 

af|query.queryComboBox af|selectOneChoice::content{

    width: 50px;

}

STEP 2:

On the (jspx) page, attach style class directly to the query element:

styleClass="queryComboBox" …

However, be aware that all combos take the same width in the query, as I still don't know if there is a way to control individual combo boxes in queries.