GT Shortcodes (Interface Elements)

By Acty, October 2, 2013

Description

GT Shortcodes provides UI elements like Accordions, Alert Boxes, Buttons, Carousel, Glyphs, Labels, Tabs, Popovers, Progress Bars, Switches, Tables, Tooltip and Video Player in the form of shortcodes. These shortcodes works in posts/pages and widgets.

Talking about numbers, there are unlimited UI element possibilities if taking into consideration all the variations, styles, types, etc.

Elements adapts to bootstrap theme styles

Available Shortcodes

• Accordions
• Alerts
• Buttons
• Carousel
• Glyphs
• Labels
• Tabs
• Popovers
• Progress Bars
• Switches
• Tables
• Tooltip
• Video Player

Accordions

Features:

• Flexibility in adding accordion heads. Add as much heads as required, no limits.
• Ability to customize accordion head style. Unlimited background color and add your own custom css.
• Adapts itself to bootstrap theme style.

Check the accordions demo

Alerts

Features:

• 4 default color types.
• Three text areas – heading + two content areas.
• Unlimited background colors.
• Ability to customize alert background color.
• Ability to customize heading text style.
• Ability to customize content area styles.
• Ability to include other shortcodes such as buttons inside alerts.
• Ability to customize alerts completely.

Check the alerts demo

Buttons

Features:

• 8 button states.
• 5 button sizes.
• 5 button variants.
• 15 social buttons.
• Ability to use any glyph before or after button text.
• Unlimited background colors.
• Ability to customize buttons completely.
• Adapts to bootstrap theme style.

Check the buttons demo

Carousel

Features:

• Ability to include as much slides as you want.
• It is responsive too.

Check the carousel demo

Glyphs

Features:

• 83 glyphs.
• Supports Unlimited Sizes.
• Supports Unlimited Colors.

Check the glyphs demo

Labels

Features:

• 3 sizes – small, default and large.
• 7 default color types.
• Ability to include any glyphs as icons before label text or after label text.
• Unlimited background color.
• Unlimited text color.

Check the labels demo

Progress Bars

Features:

• Divided into 5 parts.
• 5 default color types.
• Ability to set different color for each part.
• Ability to set different width for each part.

Check the progress bar demo

Switches

Features:

• 2 styles – rounded and square
• 2 states – enabled and disabled
• Ability to set ON or OFF as default.
• Ability to set custom icons in place of ON/OFF text.

Check the switches demo

Tables

Features:

• 4 styles
• Ability to set as much columns as needed.
• Ability to style heading cells.
• Ability to style data cells.

Check the tables demo

Tabs

Features:

• 3 types – Horizontal and Vertical.
• 2 Vertical Types – Right Aligned and Left Aligned.
• Ability to set as much tabs as needed.

Check the tabs demo

Tooltips

Features:

• 2 styles – Light and Dark.
• 4 Directions – Top, Right, Bottom and Left.
• Ability to use another shortcode inside tooltip such as glyph.

Check the tooltips demo

Popovers

Features:

• 4 Directions – Top, Right, Bottom and Left.
• 23 default popover button styles.
• Ability to use another shortcode inside popover such as glyph.

Check the popovers demo

Video Player

Features:

• Preload option
• Ability to set height and width.
• Ability to set any image as a poster image.
• Supports MP4, WEBM and OGG formats.
• Supports YOUTUBE and VIMEO.

Check the video demo

Quick Demo Videos

Changes in Bootstrap 3 Version of GT Shortcodes

• Buttons support tip text.
• Labels inherit size from parent element.
• Responsive Tables.
• Tabs at the moment only support one direction.

Plugin Support

I will do my 200% to solve problems, if any. I will do my best to respond within 24 hours, generally quickly.

If you are looking for some particular UI element which is not included in this plugin then you can let me know about it using the contact form from here or through the comment section. If possible I will include that element in this plugin.

Let us together make this plugin BETTER!