• Home
  • Random
  • Log in
  • Settings
  • About Safer nicotine wiki
  • Disclaimers
Safer nicotine wiki

Template:Flowlist

  • Language
  • Watch
  • View source
Template documentation[view] [edit] [history] [purge]
CSSThis template uses TemplateStyles:
  • Template:Flowlist/styles.css

Contents

  • 1 Usage
  • 2 Examples
  • 3 Parameters
  • 4 Side effects
    • 4.1 This
    • 4.2 Will become
  • 5 See also

Usage

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

Test image
List of animals:
  • cat
  • dog
  • horse
  • cow
  • sheep
  • pig

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.

Test image
List of animals:
  • cat
  • dog
  • horse
  • cow
  • sheep
  • pig

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]]
}}
Test image
List of animals:
  • cat
  • dog
  • horse
  • cow
  • sheep
  • pig
Alternative syntax
[[File:Bad Title Example.png|left|thumb|100px|Test image]] List of animals:
{{flowlist}}
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
{{endflowlist}}
Test image
List of animals:
  • cat
  • dog
  • horse
  • cow
  • sheep
  • pig

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.

This

Test image
Test image
List of animals:
  • cat in a very long sentence that should collide with the image to the right
  • dog in a very long sentence that should collide with the image to the right

Will become

Test image
Test image
List of animals:
  • cat in a very long sentence that should collide with the image to the right
  • dog in a very long sentence that should collide with the image to the right

See also

  • {{endflowlist}}
  • {{flatlist}}
  • {{plainlist}}
  • The history of this template
  • Phabricator ticket
  • v
  • t
  • e
HTML lists
More information:
  • Help:List
  • WP:List dos and don'ts
  • WP:Manual of Style/Embedded lists
  • WP:Manual of Style/Accessibility § Lists
  • WP:WikiProject Lists
Flat
{{hlist}}
{{hlist |item1 |item2 |...}}

  • item1
  • item2
  • ...
{{flatlist}}
{{flatlist|
* item1
* item2
* ...}}

  • item1
  • item2
  • ...
{{cslist}}
{{cslist |item1 |item2 |...}}

  • item1
  • item2
  • ...
{{bold list}}
{{bold list |item1 |item2 |...}}

item1 , item2 , or ...

Bulleted and Ordered
{{bulleted list}}
{{bulleted list |item1 |item2 |...}}

  • item1
  • item2
  • ...
{{ordered list}}
{{Ordered list |list_style_type=lower-alpha |first |second |...}}

  1. first
  2. second
  3. ...
Unbulleted
{{unbulleted list}}
{{unbulleted list |item1 |item2 |...}}

  • item1
  • item2
  • ...
{{plainlist}}
{{plainlist|
* item1
* item2
* ...}}

  • item1
  • item2
  • ...
{{glossary}}
(glossary, description, definition, association)
{{glossary}}

{{term|first term}} {{defn|first description}}
{{term|second term}} {{defn|second description}}
{{term|...}} {{defn|....}}
{{glossary end}}


first term
first description
second term
second description
...
....
Other
{{flowlist}}
[[File:Bad Title Example.png|left|thumb|100px]]

{{flowlist|
*item1
*item2
*...}}


  • item1
  • item2
  • ...
{{columns-list}}
{{columns-list|colwidth=5em|
# first
# second
# third
# ...}}

  1. first
  2. second
  3. third
  4. ...
Category:List formatting and function templates
The above documentation is transcluded from Template:Flowlist/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.
Retrieved from "https://safernicotine.wiki/mediawiki/index.php?title=Template:Flowlist&oldid=26020"
Last edited 2 years ago by Richardpruen
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information

Languages

      This page is not available in other languages.

      Safer nicotine wiki
      • This page was last modified on 4 December 2022, at 18:58. Warning: Page may not contain recent updates.
      • Content is available under Creative Commons Attribution-ShareAlike unless otherwise noted.
      • Privacy policy
      • About Safer nicotine wiki
      • Disclaimers
      • Terms of Use
      • Desktop
      • Data access
      • Developers
      • Statistics
      • Cookie statement