COMMON DIALOGS & WIZARDS

Common Properties

These properties are available from various dialogs and are applicable to elements such as Div, Table, e.t.c.

Margin

• Margin (edit box) - Sets the general margin.
• Top, Right, Bottom, Left) (edit box) - Set Top, Right, Bottom and Left margins separately.

Padding

• Padding (edit box) - Padding is space around an item (in pixels).
• Top, Right, Bottom, Left) (edit box) - Set Top, Right, Bottom and Left padding separately.

Border

• All Borders (check box) - All borders are set the same. If you want to set each border separately, uncheck it and use the boxes that will be shown.
• Border (Top) (check box, edit box, drop-down menu and color picker) - Use the three attributes (border size, type and color) to set the top border for the element.
• Border (Right) (check box, edit box, drop-down menu and color picker) - Set the right border separately. Use the three attributes (border size, type and color) to set the right border for the element.
  In case unchecked, the top border settings will be used instead.
• Border (Bottom) (check box, edit box, drop-down menu and color picker) - Set the bottom border separately. Use the three attributes (border size, type and color) to set the bottom border for the element.
  In case unchecked, the top border settings will be used instead.
• Border (Left) (check box, edit box, drop-down menu and color picker) - Set the left border separately. Use the three attributes (border size, type and color) to set the left border for the element.
  In case unchecked, the top border settings will be used instead.

Border Radius

Create rounded corners for any box element. Use the first edit box and apply same value for all four corners of a box, or use each one individually and set different values. Each of the individual corner properties takes either one or two length values (generally 'px' or 'em' values). TL stands for Top Left corner; TR stands for Top Right corner; BL - for Bottom left corner and BR - for Bottom Right corner.

For more information on how to set rounded corners, see Make Borders Rounded

Box Shadow

Create multiple drop shadows (outer or inner) on the tooltip box, specifying values for color, size, blur and offset.

• Hor (edit box) - The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
• Ver (edit box) - The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
• Blur (edit box) - The blur radius, if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
• Spread (edit box) - An optional fourth value can be supplied to define the spread distance of the shadow. A positive value will cause the shadow shape to expand in all directions, while a negative value will cause the shadow shape to contract.
• Color (color picker) - Sets shadow color.

Background

• Color (color picker) - Set the background color for the element.
• Image (edit box and button) - Set the background image for the element.
• Repeat (drop-down menu) - Repeat the background image to create a 'tiled' effect. The repeat value will repeat the image both horizontally and vertically. The repeat-x value will repeat the image horizontally while the repeat-y value will repeat the image vertically. Use no-repeat value if you don't want the background image to be repeated.
• Position (drop-down menu) - Provides the initial position of the background image.
• Fixed (check box) - If unchecked - the specified background image will scroll with the content. If checked - image will be fixed with regard to the page background. This option is not available in all dialogs.
• BG Generator (button) - Use this button to design your own background. For more info see Background Generator.