CMSList+ Markup

Image Class

1. cms-img - when added to an IMG class it will make the image responsive.

2. border - adds border to plain image or roll-up media image with caption via rollup-file shortcode.

CMS Roll-up Alignment

1. left - when added to an element, e.g. img, div or p, will align the element left w/ right padding of 10px and left 0.

2. right - when added to an element, e.g. img, div or p, will align the element right w/ left padding of 10px and right 0.

Static File Formatting

1. These formatting tags when used in static files will change how the lines of texts are rendered. The tags must follow the tab indentation alignment in the sections and lists they're used.

2. Code blocks

   1. Purpose: Implements the <PRE> tag wrapper on lines enclosed.

   2. Usage: To start the code block, type the opening tag, {code}, in a single line. Mark the end of the code block by entering the closing tag, {/code}, in a new line. Indentations and blank lines are preserved.

      {code}
      ...your code lines...
      {/code}

3. Text blocks

   1. Purpose: Enables free-formatting of text lines between these tags.

   2. Usage: To start the text block, type the opening tag, {block}, in a single line. Mark the end of the text block by entering the closing tag, {/block}, in a new line. Blank lines are discarded. Lines within the block won't have to follow the tab indentation, since they'll automatically be adjusted to {block}.

      {block}
      ...your lines...
      {/block}

4. Table blocks

   1. Purpose: Formats lines between the tags into a table.

   2. Usage: To start the table block, type the opening tag, {table}. Any text before the tag will be included while trailing texts will be discarded. Mark the end of the table block by entering the closing tag, {/table}. Any text before the tag is discarded while trialing texts will be included. The first line immediately following the opening tag becomes the header, and is required. And the lines that follow until the closing tag will become the rows. Columns in a row is created using a single tab position. Each line must have the same number of tabs.

   3. Options: Optional formatting attributes.

      1. {table align=(right|center) title="<title text>" caption="<caption text>"}

         1. align - aligns the table to the right or center of the page, default is left (when omitted).

         2. title - table title, if provided will appear above the table. Must be enclosed in double quotes.

         3. caption - table caption, if provided will appear below the table. Must be enclosed in double quotes.

      2. {bold + right|center} - column formatting prefix to turn the whole column text bold and/or right or center justify.

         1. Prefix the column heading with this option to render the column bold and/or alright right or center.

   4. Exmple:

      1. {table align=center title="Fibers Per Serving" caption="Calorie count."}
         {bold}Fruits {center}Calories {right}Fiber {right bold}Potassium
         Apples 52 2.4g 107mg
         Grapes 67 0.9g 191mg
         Banana 89 2.6g 358mg
         {/table}
         

      2. Becomes this...

         Fibers Per Serving

         Fruits	Calories	Fiber	Potassium
         Apples	52	2.4g	107mg
         Grapes	67	0.9g	191mg
         Banana	89	2.6g	358mg

         Calorie count.

   5. Note:

      1. For smaller screens, like mobile phones, only two columns of the table will be visible.

5. Highlight block

   1. Purpose: Encloses the text between the tags with a stylized bordered box.

   2. Usage: To start the boxed text, type the opening tag, {boxed} before the start of the sentence. Mark the end of the boxed text by entering the closing tag, {/boxed} after the last sentence. This tag is applied in-line to the text being emphasized.

   3. Example:

      1. Today's quote:{boxed}Will be revealed after these messages.{/boxed}
         

      2. Becomes this...
         Today's quote:

         Will be revealed after these messages.