Template:RoB style: Difference between revisions

From Ring of Brodgar
Jump to navigation Jump to search
m (Styling issue notes: +useful workaround already implemented.)
m (Remarks cleanup.)
 
Line 1: Line 1:
<includeonly
<includeonly


><!--
>{{#if:{{{1|}}}
 
  NOTES:
  - Currently intended to be used with names that are set/available in "RoB_color" template.
  - Technically this generally would be done with css class styling. (but that's for later, potentially (RoB probably needs better/more flexible CSS support).)
 
  - ISSUE: When more than one consecutive style="..." commands are used only the last one is actively used. Ergo: When this template is used it block additional styling (on the same element).
  -- Option1: Drop the [style=".."] part and make it a styling-option(s) only output.
  -- -- Tricky change as old call's will need to be enclosed by a style="..." command after that.
  -- -- Add some temporary named cases to facilitate a smoother global conversion ... (explore for other potential problems ...)
  -- Option2: Don't see any yet ... Actually there is already a workaround for this implemented => Second anonymous parameter.
  ** Leaving it 'as is' for now. Proper documentation is more needed than some change at this point.
 
 
-->{{#if:{{{1|}}}
|  {{#switch:{{trim | {{{1}}} }}
|  {{#switch:{{trim | {{{1}}} }}
     |
     |
Line 29: Line 15:
}}</includeonly
}}</includeonly


><noinclude><!--
><noinclude><!-- Debug --
;Debug-Preview
1) {{ {{PAGENAME}} }}<br>
1) {{ {{PAGENAME}} }}<br>
2) {{ {{PAGENAME}}|foobar}}<br>
2) {{ {{PAGENAME}}|foobar}}<br>

Latest revision as of 10:32, 17 January 2023

Template documentation (for the template shown above, sometimes hidden or invisible)
Description
This is a global color-style support template.
...


Syntax
Basic use: {{RoB style|color-style-name}}
Used where a css style="..." command can be used.


Extended use: :{{RoB style|color-style-name|additional css}}
Important: As CSS don't supports multiple style-commands per element (it ignores all but the last one).
As such the additional css part needs to be used to add additional styling to an element.


Dependency
Uses and relies on the RoB color template for the actual used (background)colors.


Sample text-output
{{RoB style|infoboxheader}} => style="background-color:#3366CC; color:white; font-size:1.2em; padding:1em; "
{{RoB style|infoboxheader|border:2px;}} => style="background-color:#3366CC; color:white; font-size:1.2em; padding:1em; border:2px;"


Available color-style-names

infoboxheader: infoboxheader

infoboxsection: infoboxsection
infoboxfoother: infoboxfoother
shareddata: shareddata

Visit Template:RoB style/doc to edit this text! (How does this work?)