1. Home
  2. Docs
  3. Shortcode Bootstrap Visuals Manual
  4. Panel

Panel

Description

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

Examples and Outputs

Shortcode

[bsv-panel]This is the simplest panel[/bsv-panel]
This is the simplest 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]
This is a panel with light textstyle, info style background and a left warning style border 8px thick.
[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]
A

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

 

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published. Required fields are marked *