Comment on page

Panel

The “panel” is not a Bootstrap component itself. The plugin provides the panel shortcut as a kind of toolbox to create your individual panel out of common Bootstrap styles. Review the parameters and play around with the options.

Examples

[bsv-panel]This is the simplest panel[/bsv-panel]
[bsv-panel textstyle="light" bgstyle="info" bordertop="no" borderright="no" borderbottom="no" borderleft="yes" borderstyle="warning" borderradius="rounded" styles="padding:8px;border-width:8px !important;width:400px;"]This is a panel with light textstyle, info style background and a left warning style border 8px thick.[/bsv-panel]
[bsv-panel textstyle="light" bgstyle="danger" borderstyle="warning" borderradius="rounded-circle" styles="width:50px;height:50px;border-width:4px !important;text-align:center;font-size:24px;font-weight:bold !important;padding-top:0px !important;padding-bottom:14px !important;"]A[/bsv-panel]

Format

[bsv-panel parameter="value" ...]your content here[/bsv-panel]

Parameters

Parameter
Description
Default
textstyle
Defines the Bootstrap style for the text. Supported values:
  • danger
  • dark
  • info
  • light
  • primary
  • secondary
  • success
  • warning
no value
bgstyle
Defines the Bootstrap style for the background. Supported values:
  • danger
  • dark
  • info
  • light
  • primary
  • secondary
  • success
  • warning
no value
bordertop
Whether or not to draw a top border. Supported values are:
  • no
  • yes
yes
borderright
Whether or not to draw a right border. Supported values are:
  • no
  • yes
yes
borderbottom
Whether or not to draw a bottom border. Supported values are:
  • no
  • yes
yes
borderleft
Whether or not to draw a left border. Supported values are:
  • no
  • yes
yes
borderstyle
Defines the Bootstrap style for the border. Supported values:
  • danger
  • dark
  • info
  • light
  • primary
  • secondary
  • success
  • warning
no value
borderradius
What radius to apply to the border corners. Supported values are:
  • rounded
  • rounded-top
  • rounded-right
  • rounded-bottom
  • rounded-left
  • rounded-circle
no value
id
You can define anm ID for the element here in case you want to address it from a Javascript.
no value
classes
Apply other CSS classes here. Separate the class names by blank.
no value
styles
Apply other CSS styles here. Separate the styles by semicolon.
no value