[div:] Short Tag
Built-in Feature
This short tag allows grouping paragraphs into a <div> and apply some CSS classes.
Note:
[div:.optional.classnames:optional_param1=value1&optional_param2=value2]...[/div] generates a block element (<div class="optional classnames" data-display-condition="optional_param1=value1&optional_param2=value2">...</div>) and cannot appear inside a paragraph. (b2evolution will automatically move it out of the paragraph).Syntax Breakdown
[div [ :. Class Name(s) : Display condition(s) ] ] … [/div]
- Class Name(s) : Optional CSS class name(s). The class name must start with a dot. Multiple class names can be specified, separated by a dot. See CSS Classes
- Display condition(s) : Optional display condition(s). Multiple conditions should be separated by
&, example:cur=usd&dur=1mo. Use Param Switcher Widget to switch between blocks with conditions.
Examples
[div:.optional.classnames:cur=usd&dur=1mo]USD content for 1 Month[/div]
[div:.optional.classnames:cur=usd&dur=6mo]USD content for 6 Months[/div]
[div:.optional.classnames:cur=eur&dur=1mo]EUR content for 1 Month[/div]
[div:.optional.classnames:cur=eur&dur=6mo]EUR content for 6 Months[/div]will be rendered like:
<div data-display-condition="cur=usd&dur=1mo" class="optional classnames">USD content for 1 Month</div>
<div data-display-condition="cur=usd&dur=6mo" class="optional classnames">USD content for 6 Months</div>
<div data-display-condition="cur=eur&dur=1mo" class="optional classnames">EUR content for 1 Month</div>
<div data-display-condition="cur=eur&dur=6mo" class="optional classnames">EUR content for 6 Months</div>