WIDTH ALIGNMENT

Width Alignment aligns components within a Frame (such as Text, Buttons and Images) to the Left, Centre, or Right. 

DESIGNER TIPS:

Width Alignment is often used in combination with Width %, as demonstrated in the video above.

  D03 E02    01:52

Frame Alignment

Define the exact Width of your Frame with the the Percentage Width tool. It is important not to apply more padding as you always want to keep you Inner Padding consistent for perfect alignment. To tailor the width of the Frame, use the Percentage width tool, as explained in the FAQ above.

Now you've set you Width, you can set your Alignment. Apply the alignment of the Frame to the Left, Centre or Right and tidy up the alignment for other Frames with Buttons.