22,268
edits
Changes
Jump to navigation
Jump to search
created from <https://healthpages.wiki/w/index.php?title=Template:InfoBox>
<noinclude>
== InfoBox template (from Healthpages.wiki) ==
You can set the following attributes to control the box as necessary:
* '''Required attributes'''
** '''cols:''' number of columns wide (range from 1-12)
** '''content:''' infobox content
* '''Optional attributes'''
** '''span:''' number of columns to span
** '''responsive:''' is responsive, must wrap in Template:ResponsiveBoxes, default: false;
** '''title:''' add a title to the infobox
** '''bg:''' background color (''default is bg-white'') - choose from '''nobg bg-white bg-green bg-grey bg-orange bg-pink bg-red bg-purple bg-purple-grey'''
** '''border:''' border color - specify hex-value color (ex. FF6464) or 'none' for no border
** '''shadow:''' box shadow: specify if you want a drop shadow behind the box
'''Note: cols and offset should add up to no more than 12 before adding a new row'''
Here's an example of how to implement the InfoBox template:
<pre>
{{InfoBox
|cols=3
|span=1
|shadow=
|bg=
|border=
|responsive=
|title=infobox title
|content=put your content here!
}}
</pre>
Edit the page to see the template text.
</noinclude><includeonly>{{#ifeq:{{{responsive|}}}|true||<div class="section group">}}<div class="hp-infobox col span_{{#if:{{{span|}}}|{{{span|}}}|1}}_of_{{{cols}}}">
<div class="hp-infobox-inner {{#if:{{{bg|}}}|{{{bg|}}}|bg-white}} {{#if:{{{shadow|}}}|hp-has-shadow}} {{#ifeq:{{{border|}}}|none|hp-no-border}}" {{#if:{{{border|}}}|style="border-color:#{{{border|}}}"}}>
{{#if: {{{title|}}} | <h2 class="hp-infobox-title">{{{title|}}}</h2>}}
<div class="hp-infobox-content">{{{content}}}</div>
</div>
</div>{{#ifeq:{{{responsive|}}}|true||</div>}}
== InfoBox template (from Healthpages.wiki) ==
You can set the following attributes to control the box as necessary:
* '''Required attributes'''
** '''cols:''' number of columns wide (range from 1-12)
** '''content:''' infobox content
* '''Optional attributes'''
** '''span:''' number of columns to span
** '''responsive:''' is responsive, must wrap in Template:ResponsiveBoxes, default: false;
** '''title:''' add a title to the infobox
** '''bg:''' background color (''default is bg-white'') - choose from '''nobg bg-white bg-green bg-grey bg-orange bg-pink bg-red bg-purple bg-purple-grey'''
** '''border:''' border color - specify hex-value color (ex. FF6464) or 'none' for no border
** '''shadow:''' box shadow: specify if you want a drop shadow behind the box
'''Note: cols and offset should add up to no more than 12 before adding a new row'''
Here's an example of how to implement the InfoBox template:
<pre>
{{InfoBox
|cols=3
|span=1
|shadow=
|bg=
|border=
|responsive=
|title=infobox title
|content=put your content here!
}}
</pre>
Edit the page to see the template text.
</noinclude><includeonly>{{#ifeq:{{{responsive|}}}|true||<div class="section group">}}<div class="hp-infobox col span_{{#if:{{{span|}}}|{{{span|}}}|1}}_of_{{{cols}}}">
<div class="hp-infobox-inner {{#if:{{{bg|}}}|{{{bg|}}}|bg-white}} {{#if:{{{shadow|}}}|hp-has-shadow}} {{#ifeq:{{{border|}}}|none|hp-no-border}}" {{#if:{{{border|}}}|style="border-color:#{{{border|}}}"}}>
{{#if: {{{title|}}} | <h2 class="hp-infobox-title">{{{title|}}}</h2>}}
<div class="hp-infobox-content">{{{content}}}</div>
</div>
</div>{{#ifeq:{{{responsive|}}}|true||</div>}}