Template:Flowlist

Template documentation[view] [edit] [history] [purge]

The pages listed in this category are templates.

This page is part of OODA WIKI's administration and not part of the encyclopedia.

Further template category notes

This category contains pages in the template namespace. It should not be used to categorize articles or pages in other namespaces.

To add a template to this category:

If the template has a separate documentation page (usually called "Template:template name/doc"), add
[[Template:Flowlist]]
to the <includeonly> section at the bottom of that page. Otherwise, add
<noinclude>[[Template:Flowlist]]</noinclude>
to the end of the template code, making sure it starts on the same line as the code's last character.

This category is an index of templates which use TemplateStyles. It is automatically populated by {{Uses TemplateStyles}}.

Usage

If you have this problem of list bullets and numbers overlapping with a left floating image or Infobox, for example:

File:Bad Title Example.png

Test image

List of animals:

then {{Flowlist}} enables lists to stay clear of these left floating objects. It effectively makes lists act as a block level element. It does however have a few side effects that you should take note of.

File:Bad Title Example.png

Test image

List of animals:

Template:Endflowlist

This template can be used with or without {{endflowlist}}.

Examples

[[File:Bad Title Example.png|left|thumb|100px|Test image]] List of animals:
{{flowlist |
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
}}

File:Bad Title Example.png

Test image

List of animals:

Alternative syntax

[[File:Bad Title Example.png|left|thumb|100px|Test image]] List of animals:
{{flowlist}}
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
{{endflowlist}}

File:Bad Title Example.png

Test image

List of animals:

Template:Endflowlist

Parameters

class – adds a CSS class to the containing div.
style – adds CSS style options. Complex styles should not be used in articles (per wp:deviations) but may be acceptable on user, project, and talk pages.

Example: |style=border:solid 1px silver; background:lightyellow

Side effects

Using this technique has a side effect. If your list is longer than the floated element, then the list will not flow around the image like normal, but instead be one block, leaving white space below the floated element. This goes for both left and right side of the list.