Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

How to get a two column form layout correctly.

Geert01Apr 19 2021

I am in the process of applying the universal theme to an existing application. My goal is to achieve the same look as what the user is used to seeing with the previous (tradional blue) theme.
With the traditional blue theme, we have a form with basically two columns (or if we see the labels column as a separate column the page has 4 columns).
Most of the 20+ items on the page are rendered perfectly with the universal theme. But I have two page items that should be rendered in one column (or two columns if you count the label columns separately). See uploaded screenshot. The screenshot is of our traditional blue theme implementation.
The 'Huisnummer' (sorry it is in dutch) label should align with the labels of all previous rows (in the column). The 'Huisnummer' input value field should also align with the input fields of the previous rows. The 'toev. ' label and input field should be placed directly following the 'Huisnummer' page-item (on the same row). These two fields belong to each other as would 'start and end-date' fields and should not be placed on separate rows.
With the universal theme I cannot manage to arrange the field in the desired layout. The label of the 'Huisnummer' field is positioned correctly. But the input field does not align with the input fields of the other items on the page (in the same column). I have been experimenting with turning off the 'Start new column' on the 'toev.' field, but that results in the 'toev' field being rendered on the next line (to me that looks like a bug).
Can anybody point me in the right direction? How can I get the layout to mimic the previous layout?
LayoutProblem.JPG (118.47 KB)

This post has been answered by Geert01 on Apr 19 2021
Jump to Answer
Comments
Post Details
Added on Apr 19 2021
4 comments
973 views