Text Formatting¶

Specifies how the entered-text will be formatted when rendered on the front-end. Most items will be entered will be single-lined and thus treated as a single paragraph by most text-processing plugins.

Options¶

This is where the list of items to select from is created. You have several ways to populate these items.

Value/Label pairs¶

The default choice is to enter a series of values and labels separately. Typically when constructing an HTML form, fields will have a different value than their presentation label. For example, if you want to enable the author to choose from a list of numbers, you might want the database to represent the actual numerical value:

For a Radio Buttons field, for example, this results in an interface with only the labels visible:

But the markup looks like this:

<label><input type="radio" name="field_name" value="1"> One</label>
<label><input type="radio" name="field_name" value="2"> Two</label>
<label><input type="radio" name="field_name" value="3"> Three</label>

1, 2, or 3 is what gets stored in the database and is then the value used for the Channel Entries tag search parameter. But both the value and the label are accessible via the field’s template tags, which is outlined below.

Multiple Items¶

Fields where multiple items can be selected (Checkboxes and Multiselect) will usually be rendered using a variable pair.

{field_name}
    {item}<br>
{/field_name}

By default, {item} will render the item’s value. To access the value and label separately, simply add a :value or :label modifier to the {item} variable:

{field_name}
    Value: {item}<br>
    Value: {item:value}<br>
    Label: {item:label}<br>
{/field_name}

Single Items¶

Single-choice fields, such as Select and Radio Buttons, just use the modifier to the single variable name, and do not use a variable pair:

Value: {field_name}<br>
Value: {field_name:value}<br>
Label: {field_name:label}<br>

In all cases, these variables are also available as conditionals. Let’s say you had the following value/label options:

Given that the selection option is 2/Two:

{if field_name == 2}Yep!{/if}
{if field_name:value == 2}Yep!{/if}
{if field_name:label == 'Two'}Yep!{/if}

Limit Parameter¶

This parameter limits the number of selected items output by the tag. It works for both the single variable, as well as the tag pair.

Markup Parameter¶

As a single tag, the multi option fields will display a comma seperated list of values. If you want an HTML list, you can use markup=”ul” or markup=”ol” to change the output to the equivalent html list

{field_name markup='ul'}

Which will render as

<ul>
    <li>Green</li>
    <li>Blue</li>
    <li>Orange</li>
</ul>

Backspace Parameter¶

When used as a tag pair, the multi option fields are a looping pair. Backspacing removes characters (including spaces and line breaks) from the last iteration of the loop. For example, if you put a <br> tag after each item you’ll have this

{field_name backspace='5'}
    {item}<br>
{/field_name}

Which will render as

Green<br>
Blue<br>
Orange

In this example, we do not want the <br> tag after the final item. Simply count the number of characters (including spaces, tabs, and line breaks) you want to remove and add the backspace parameter to the tag. The <br> tag has 4 characters plus a new line character between it and the closing tag.