ComponentOne Foxy for ASP.NET: User Interface > Ribbon > Ribbon Tabs > Box Tab > Margin Group > Margin Dialog Box

Margin Dialog Box

The Margin dialog box enables you to specify the width of the padding for the box model. There are five rows in the Margin dialog box – All, Top, Right, Bottom, and Left – and each row represents an area of the box. Each row allows you to set the width of the margin in a specific area of the box. For example, setting the property in the All row will apply the setting to every area of the box, whereas setting the property in the Top row will only add that padding setting to the top area of the box. 

 

 

Below the property settings is the CSS Box Model Preview. The preview is provides a preview of how a box and its elements relate to each other.   

To Open the Margin Dialog Box

Complete the following steps:

1.   On the Foxy for ASP.NET Ribbon, click the Box tab.

2.   Locate the Margin group and then click the Custom Margin button.

The Margin dialog box opens.


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.