Skip to content
Wappler Docs
Open in Wappler

Adjust layout

Learn how to adjust layout in the Selection panels. Use this tour as a quick refresher.

Open Design

Layout adjustments become easier when you begin from the selection surfaces that expose the right controls in context. This how-to starts there, then shows how selecting the right element and opening the correct panel keeps layout changes intentional instead of trial and error.

Screenshot: Open Design
Screenshot: Open DesignClick to open the larger image

Adjust layout controls

Use the Design panel controls to tweak layout-related settings for the selected element.

Screenshot: Adjust layout controls
Screenshot: Adjust layout controlsClick to open the larger image

Verify in the editor

Check the result on the selected element in the editor.

Screenshot: Verify in the editor
Screenshot: Verify in the editorClick to open the larger image