iModernize - The Profound Logic Software Blog

Profound UI Tips & Tricks: Align or Space Multiple Widgets in the Visual Designer

Posted by Rick Johnson on Aug 6, 2014 6:45:17 AM

Profound Logic Tips and TricksThe Profound UI Visual Designer makes it easy for developers to build user interfaces. You can simply drag and drop pre-built widgets onto the canvas. In some cases, you may have several labels and fields on a screen or panel.

Rather than take the time to align them all individually, the Visual Designer lets you select multiple widgets and manipulate them as a group, as seen in the images below:

The Visual Designer lets you select multiple widgets and manipulate them as a group

To get started, simply right click the item you wish to use as the basis for all other widgets and a drop down menu displays with several options. If you wanted all other widgets to align with the “Customer” label, right click that item.

Simply right click the item you wish to use as the basis for all other widgets and a drop down menu displays with several options

You may now right or left align all the selected widgets, equally space them horizontally or vertically, or make them all the same width or height, etc. On one selection, the labels were all left aligned, on a second selection they were vertically spaced.

You may now right or left align all the selected widgets, equally space them horizontally or vertically, or make them all the same width or height

This method provides a quick and easy way to get widgets cleanly organized on your screen!

Find more tips for getting the most out of Profound UI - visit our Product Wiki.

Topics: Tips and Tricks

Subscribe to Blog Updates

...and get the Node.js for Enterprise IBM i Modernization White Paper!

Node.js cover page option 2-1.png

Recent Posts