Piston State

From webCoRE Wiki - Web-enabled Community's own Rule Engine
Revision as of 00:05, 11 August 2018 by Ipaterson (talk | contribs) (Added missing text format options and link to icons)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Share on FacebookShare on TwitterShare on Google+Share on LinkedInShare on DiggShare on deliciousShare on redditShare on StumbleUpon

Piston States can be used to show a brief overview of what is happening in a piston


e.g. Piston State Example.png


To enable this feature you need to disable automatic piston state in the piston settings option. This can be found by clicking the name of your piston in the edit screen

Disablestate.png


You can then set the piston state by adding the task below

Setstate.png


The displayed text can be formatted using the following


[class | text]


The text is separated from the class using a pipe character | . The class is a comma or space separated list of the following

  • b >>> bold text
  • i >>> italic text
  • u >>> underlined text
  • s >>> strikethrough
  • blink >>> quick fade between visible and invisible
  • left center right >>> text alignment (via CSS float)
  • 0.5x 2x >>> font size as a multiple of the base font size
  • pre >>> preformatted text (allows multiple blank characters used for alignment)
  • mono >>> monospace text (all characters the same width for alignment, often used with pre)
  • #XXXXXX >>> hex colour
  • colourname >>> a css colour name e.g. red, orange, blue, violet, lime. A list of CSS colours can be found here
  • bg-#XXXXXX bg-colourname >>> background color

Use Font Awesome icons to add even more visual flair and function.


Example 1:


Piston state bold.png


would give

Bold.png


Example 2:


Red underlined.png


would give

Red underlined3.png


Example 3


Varyesterday.png


would give


Variablestate.png