Aa  Aa  Aa 

Aa

Aa

Aa

Sunday, September 22, 2019
Minimize
Readme

Welcome to the MyContainers demo page:

  1. Select a set of containers to edit from the skin package dropdown.
  2. Select the container to edit from the container dropdown. (Note that the container dropdown is only visible if a skin package is selected.)
  3. Click on the edit button next to the container dropdown to load the container editor. (Note that the edit button is only visible if a container is selected.)

Please note that for demo purposes the save buttons have been disabled on both the container editor.

 
Minimize
MyContainers
 

Select a Profile to Edit.
Select a Skin Package to edit.
Select a Container to edit.
MyContainers - Container Editor
Creative Engine
Select a Profile.
The name of this Container (Read-only).
 
Give the Container an appropriate description.
Hide some of the more advanced controls to simplify editing common Container features.
Color
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Color Algorithm.
Select a Color Sorting Option to sort the Primary and Secondary Colors.
Select a Color Assignment Option.
Select a value for the Color Algorithm shading.
Select a value for the Color Algorithm tint.
Select a value for the Color Hue Increment. (This value has no effect on the Uni Color Synergy Algorithm.)
Select a value for the Color Hue Offset.
Select a Master Color.
Select Primary Colors. (Primary X, Primary Y, Primary Z)
Text
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Text Object.
Set whether the Container Text Object will override the Skin Text Object.
Select Text Colors. (Normal, Link, Hover)
Toggle the Text Decoration (Underline) On/Off.
Set the Text Alignment.
Set the Text Transformation.
Select a Container Font Family.
Select a Container Font Size.
Override the Font Line-Height.
Set the Font Line-Height.
Select the Font Options. (Bold, Italics, Small-caps)

Select a Text-Shadow.
Enable or Disable the Text-Shadow.
Set the Text-Shadow Blur.
Set the Text-Shadow Offset.
Select a Text-Shadow Color.
Title
Hide some of the more advanced controls on this Tab to simplify editing common features.
Set the Container Icon Horizontal Alignment.
Set Container Icon Visibility.


Select a Container Title Text Color.
Toggle the Title Text Decoration (Underline) On/Off.
Set the Container Title Text Alignment.
Set the Container Title Text Transformation.
Select a Title Font Family.
Select a Title Font Size.
Select the Title Font Options. (Bold, Italics, Small-caps)

Enable or Disable the Text-Shadow.
Set the Text-Shadow Blur.
Set the Text-Shadow Offset.
Select a Text-Shadow Color.

Set the Container Title Visibility.
Header
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Container Header Background.
Set the Container Header Background Padding. (Top, Bottom, Left, Right)
Select Container Header Color.
Set Container Header Transparency.
Set the Container Header Padding. (Top, Bottom, Left, Right)
Set Container Header Visibility.
Content
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Container Background Pattern.
Select a Container Border.
Set the Container Border Padding. (Top, Bottom, Left, Right)
Select a Container Fill Color.
Set the Container Transparency.
Set the Container Padding. (Top, Bottom, Left, Right)
Set the Container Margins. (Top, Bottom, Left, Right)
Select a Container Visibility Icon. (Expand/Collapse)
Set the Container Collapsibility.
Action Layout
Hide some of the more advanced controls on this Tab to simplify editing common features.
Set the Container DropDown Action Horizontal Alignment.
Set the Container Quick Action Location.
Set the Quick Actions Area Padding. (Top, Bottom, Left, Right)
Set the Quick Action 'Add Content' Horizontal Alignment.
Set the Quick Action 'Syndicate Module' Horizontal Alignment.
Set the Quick Action 'Print Module' Horizontal Alignment.
Set the Quick Action 'Module Settings' Horizontal Alignment.
Set Quick Action 'Add Content' Visibility.
Set Quick Action 'Syndicate Module' Visibility.
Set Quick Action 'Print Module' Visibility.
Set Quick Action 'Module Settings' Visibility.
Borders
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Border.
Set the Borders Individually. (Top-left, Top-right, Bottom-left, Bottom-right)
Select a Border Style.
Select a Border Color.
Set the Border Width.
Set the Horizontal and Vertical Border Radius.
Select a Top Border Style.
Select a Bottom Border Style.
Select a Left Border Style.
Select a Right Border Style.
Select Border Colors. (Top, Bottom, Left, Right)
Set the Border Width. (Top, Bottom, Left, Right)
Set the Border Horizontal Radii. (Top-Left, Top-Right, Bottom-Left, Bottom-Right)
Set the Border Vertical Radii. (Top-Left, Top-Right, Bottom-Left, Bottom-Right)
Set the Container CSS Border Padding. (Top, Bottom, Left, Right)


Enable or Disable the Box-Shadow.
Set the Box-Shadow Blur.
Set the Box-Shadow Offset. (X-Offset, Y-Offset)
Set the Box-Shadow Color.
Set the Box-Shadow Inset.
Color Gradients
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select a Color Gradient.
Enable or Disable the Color Gradient.
Set the Color Gradient Repetition On or Off.
Set the Size of a single Gradient Repeating Section.
Set the Type of Gradient.
Select a Linear Gradient Direction.
Set the Linear Gradient Direction Angle.
Set the Radial Gradient Shape.
Select a Radial Gradient Position.
Set the Radial Gradient Position Offset. (X-Offset, Y-Offset)
Select the Radial Gradient Fade Type.


Select a Color Stop.
Select a Color.
Enable or Disable the Color Stop Starting Position.
Set the Color Stop Starting Position.
Enable or Disable the Color Stop Width.
Set the Color Stop Width.
HTML Elements
Hide some of the more advanced controls on this Tab to simplify editing common features.
Select an HTML Element to edit.
Set whether Container HTML Elements will override Skin HTML Elements.
   Cancel

 
Copyright 2019 by Dyamme Web Solutions