Sunday, May 5, 2013

How to change the position of Search, Reset button in Query Component in ADF

Oracle JDeveloper
Tested with IE 8, Firefox 21

This post will explain how you can change the position of SEARCH, RESET, SAVE.., ADD FIELDS buttons in af:query component from ADF Skin Editor.

Since these are rendered always on the footer content, we can customize the floating area of content footer.

1.Expand the af:query component from Available Selectors in skin editor.

2. Expand Pseudo-Elements & select content-footer.

3. From the property inspector, expand Advanced node.

4. Select left from Float property dropdown. Content footer should change the position in skin editor
    alongwith all buttons.