Layout Debugging

Article summary

Did you find this summary helpful?

Thank you for your feedback

Layout Debugging refers to the process of using the App Simulator to view and test your app's visual layouts.

Recall, a layout is the visual arrangement of your app's input objects.

With your app open in the App Simulator, click on the 'Layout Debugger' button on the right-hand-side of the navigation toolbar.

icon_layout_debugger

The tool will appear as a flyout on the right side of your screen.

dk_apps_sim_layout_debugger

Play around and get familiar with the features this tool offers.

Toggling object and grid backgrounds and padding is a useful way to understand how the layout engine works.

Selecting a grid and adjusting its padding and sizing values is a great way to understand how padding and margins work.

Remember to click 'Apply' to see your changes immediately.

When you want to make a change to your app in App Builder, you can do so without having to close or re-open the App Simulator.

Your changes are immediately reflected! Do this as much as needed.

Here are a few related resources that can be found in this documentation.