Difference between revisions of "Piston State"
From webCoRE Wiki - Web-enabled Community's own Rule Engine
(Created page with "Piston States can be used to show a brief overview of what is happening in a piston e.g.") |
(Added missing text format options and link to icons) |
||
| (36 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | Piston States can be used to show a brief overview of what is happening in a piston e.g. | + | Piston States can be used to show a brief overview of what is happening in a piston |
| + | |||
| + | |||
| + | e.g. [[File: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 | ||
| + | |||
| + | [[File:disablestate.png]] | ||
| + | |||
| + | |||
| + | |||
| + | You can then set the piston state by adding the task below | ||
| + | |||
| + | [[File: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 [https://www.w3schools.com/cssref/css_colors.asp here] | ||
| + | * bg-#XXXXXX bg-colourname >>> background color | ||
| + | |||
| + | Use [[Font Awesome|Font Awesome icons]] to add even more visual flair and function. | ||
| + | |||
| + | |||
| + | '''Example 1:''' | ||
| + | |||
| + | |||
| + | [[File:Piston_state_bold.png]] | ||
| + | |||
| + | |||
| + | would give | ||
| + | |||
| + | [[File:bold.png]] | ||
| + | |||
| + | |||
| + | '''Example 2:''' | ||
| + | |||
| + | |||
| + | [[File:red_underlined.png]] | ||
| + | |||
| + | |||
| + | would give | ||
| + | |||
| + | [[File:red_underlined3.png]] | ||
| + | |||
| + | |||
| + | '''Example 3''' | ||
| + | |||
| + | |||
| + | [[File:varyesterday.png]] | ||
| + | |||
| + | |||
| + | would give | ||
| + | |||
| + | |||
| + | [[File:variablestate.png]] | ||
Latest revision as of 00:05, 11 August 2018
Piston States can be used to show a brief overview of what is happening in a piston
e.g. 
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
You can then set the piston state by adding the task below
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:
would give
Example 2:
would give
Example 3
would give
