Advanced Element Properties

Click to watch a video on Advanced Element Properties!

The "Advanced" tab allows you to be even more specific with your border and padding design in the "Border" and "More" sections. The "HTML5" section allows you to more accurately define corners, transparency, and shadows of objects. If the selected object has text or can have a background, it can be edited in the "Text" and "Background" sections. For "Basic" and "Quick Design" functions, see Element Properties.

Using the Advanced Element Properties:

The "Advanced" settings are located in the right-hand tab under Element Properties.

The "HTML5" sub-tab allows for precision with transparency, corners, and shadows.

The "Transparency" slider allows you to determine how dark or light your background and shadow are.

Farther to the right causes them to be darker.

By selecting the "Apply Rounded Corners" check box, you have the option to determine the radius of the top and bottom corners of your image with sliders.

Moving the slider to the right causes the radius to increase and the corners to be more rounded.

Selecting the "Apply Shadow" check box places a shadow on your object and provides you with many customizable options.

The "blur" slider allows you to define how blurry your shadow is. All the way to the left practically creates a border. All the way to the right creates a blurry shadow.

The "spread" slider allows you to define how far your shadow spreads from your object.

The farther to the right it is, the farther the shadow will spread away from the object.

You can determine the color of your shadow with the "Shadow Color" drop-down box.

By selecting the "inset" check box, your shadow will turn in from the border of your object rather than go out.

The "Horizontal Shadow Position" slider and "Vertical Shadow Position" slider allow you to determine the precise location of your shadow relative to your selected object by sliding them.

The "Border" sub-tab allows you to specifically define the border around your selected object.

The "Border Width" text boxes allow you to define the width of the border separately for each side of the object.

The "Border Color" drop-down box allows you to pick the specific color you want your border to be.

The "Border Style" drop-down box allows you to decide the style you want your border to be. CliqLaunch offers several different styles.

The "More" sub-tab allows you to specifically define the padding in and around your object on all four sides.

To adjust the padding, simply enter values into the text boxes depending on what side you want the padding on and if you want it inside or outside.

Note: For information on mapping forms in the "More" sub-tab, see the Mapping Forms section.

The "Text" sub-tab allows you to customize the text within the object.

The "Color" drop-down box allows you to determine the color of the text.

The "Font" drop-down box allows you to determine the font of the text in the selected object.

The "Font Size" text box allows you to determine the size of the font in the object.

Note: For further text customization options with the RSS Feed widget, see RSS Feed.

The "Background" sub-tab allows you to determine the background of the designated object.

To select a color as a background, go to the "Background Color" drop-down box.

To select an image as a background, go to the "Select an Image" drop-down box.

You can then choose how you want the image to be repeated in the "Repeat" drop-down box: horizontally, vertically, both, or none.

To upload an image, click on the folder to the right of the drop-down box and see the Upload Files section.