Button

  • WE ARE MOVING

    Visit our new demos website powered by SharePoint and ShortPoint.

  • LET’S GO!


Button – Different Colors

Default Primary Success Danger Info Warning

Button – Different Sizes

Large Size Button Large Size Button

Default Size Button Default Size Button

Small Size Button Small Size Button

Extra Small Size Button Extra Small Size Button

Button – Wide

Wide Width Button

Wide Width Button

Button – Disabled

Disabled Button

Button – With Icons

Button with Icon Button with Icon

Button – With Sub Title

Large Button

Button – Linking Options

Whether you want to show the links in lightbox, same window or new window

Lightbox – Image

Image

Lightbox – Video

Youtube Video Vimeo Video

Whatever the link you put, the content will show in Lightbox.

Lightbox – Google Maps

Google Map

To obtain Google Maps Url:

  1. Go to the icon at the bottom-right area of the google maps page ( it should be right next to the question mark icon )
  2. Click it and then choose “Share and embed map”
  3. A dialog appears with two tabs, choose the “Embed map” tab
  4. From the text field that will show you an iframe code, you need to copy only what’s in the src attribute
    <iframe src="{copy_this_only}" ..></iframe>

How to optain Google Map Link in order to use in button ShortPoint

New Window

Youtube Video Google Map

Button ShortPoint Options

Option Value Default Description
title ‘text’
sub-title ‘text’ the button sub title. this test will appear smaller than button text and below it.
link ‘link’
color color name plain pre-defined colors for buttons like: primary, info, success, warning, danger.
all colors available at ShortPoint Colors page
text-color color name pre-defined colors for buttons text
all colors available at ShortPoint Colors page
xsmall very small size
small small size
large large size
wide button width will fit the area width
disabled button will be disabled
icon icon name display icon inside the button
all icons available at Shortpoint Icons page
lightbox the link will open in lightbox
new-window the link will open in new window