Official Content

"Convert to Abstract Layout" is an option in the HTML Editor context menu.

This option allows converting a form that has been designed using the HTML Editor to an Abstract LayoutIts objective is to make the conversion to Responsive Web Design (RWD) applications more agile.

Form controls are inserted in a Responsive Table, keeping the position and relation of the controls in the original form.

When the conversion cannot be performed, a warning is displayed.

Example

Consider the following HTML form that must be converted to an Abstract Layout:

HTML form convert to Layout

As a result of selecting the "Convert to Abstract Layout" menu option, the form is converted as follows:

Abstract form convert to Layout

After the conversion, you need to work on the distribution of the controls for the different screen sizes, using the Responsive Sizes property.

The distribution given to the controls is the default for each screen size. For extra small screens, the information is stacked in a single column. For small, medium, and large screen sizes, horizontally displayed information is given an equal width.

Availability

Since GeneXus X Evolution 3 upgrade 5.

Last update: April 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant