Electronic signs
  • Facebook
  • RSS
  • Home
  • Choose your sign
    • LED signs
    • Fill-in etched LED signs
    • Multi-color LED sign
    • Vinyl graphic signs
    • Order your sign
  • Options for signs
    • Gallery
  • Order your sign
  • Gift certificates
  • About us
  • Contact us
    • Send a message
    • Pre-sales inquiry
  • Giveaway Sweepstakes Entry Form
Search the site...

Alerts & Info Boxes

Alert and Info boxes are very similar, but have a couple of differences. Alerts are a newer element to the framework that was added with the addition of Bootstrap. However, info boxes provide a slightly different effect and look; they’ve been around in the framework since the beginning, and so we wanted to make sure and keep them for any buyers still using these features.

So, take your pick! What’s it going to be? Alerts or info boxes?

Alerts

Alerts have been added with the framework’s addition of Bootstrap. Use them to relay some important information within your content without attracting as much attention as the info boxes.

General Usage

Hey, you! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[alert style="info" close="true"]<strong>Hey, you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/alert]

Options

Optional arguments
 - style: info, success, danger, warning
 - close: Show close button or not - true, false

Basic Styles

[raw]


This is an “info” alert.

[alert style="info"]This is an "info" alert.[/alert]


This is a “success” alert.

[alert style="success"]This is a "success" alert.[/alert]

This is a “danger” alert.

[alert style="danger"]This is a "danger" alert.[/alert]


This is a “warning” alert.

[alert style="warning"]This is a "warning" alert.[/alert]


[/raw]

Adding “Close” Buttons

[raw]


This is an “info” alert that can be closed.

[alert style="info" close="true"]This is an "info" alert that can be closed.[/alert]


This is a “success” alert that can be closed.

[alert style="success" close="true"]This is a "success" alert that can be closed.[/alert]

This is a “danger” alert that can be closed.

[alert style="danger" close="true"]This is a "danger" alert that can be closed.[/alert]


This is a “warning” alert that can be closed.

[alert style="warning" close="true"]This is a "warning" alert that can be closed.[/alert]


[/raw]

Info Boxes

Info boxes used to take on a specific style that had an associated icon, however we’ve changed this as of v2.2 of our framework. You can now associate the style with a certain color, and then optionally insert any FontAwesome icon.

General Usage

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[box style="red" icon="star"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/box]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[box style="green"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/box]

Options

Optional arguments
 - style: blue, green, grey, orange, purple, red, teal, yellow (view colors)
 - icon: Optional icon in upper left corner (view icons)

Colors

Color Example
blue

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

green

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

grey

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

orange

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

purple

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

red

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

teal

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

yellow

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

(c) 2014 - projectgm.com Website by k4br.com
  • About us