Shortcodes

Page 6 of 20

Buttons

To create a button, use the [button] shortcode and customize it using the various parameters available

Parameter	Description	Parameters
Style	Defines the button style or class	`simple, default, primary, line, success, danger, link`
href	url link of the button	n/a
Target	specifies where to open the linked document	`_blank, _self, _parent, _top`

Examples

Simple link

markup

[button style="simple" href="#" target="blank"]title[/button]
[button_input style="default" href="#" target="blank"]title[/button_input]

Button variations

Simple Default Primary Line Success Danger link

markup

[button style="simple" href="#" target="_self"]simple[/button]
[button style="default" href="#" target="_self"]Default[/button]
[button style="primary" href="#" target="_self"]primary[/button]
[button style="line" href="#" target="_self"]line[/button]
[button style="success" href="#" target="_self"]success[/button]
[button style="danger" href="#" target="_self"]danger[/button]
[button style="link" href="#" target="_self"]link[/button]

Button sizes

You can add different size classes to your button to create button size variation using the size classes uk-button-mini, uk-button=small or uk-button-large

mini button small button default button Large button

markup

[button style="color uk-button-mini" href="#" target="_self"]mini button[/button]
[button style="color uk-button-small" href="#" target="_self"]small button[/button]
[button style="color" href="#" target="_self"]default button[/button]
[button style="color uk-button-large" href="#" target="_self"]Large button[/button]

Button group

To create a button group, wrap the [button_group] shortcode around the buttons that you'd like to be in the same group.

small medium large

bad average good

markup

[button_group]
   [button style="color" href="#" target="self"]small[/button]
   [button style="color" href="#" target="self"]medium[/button]
   [button style="color" href="#" target="self"]large[/button]
[/button_group]

Button with icons

To create a button with icon, add the [icon] shortcode besides the text of the button. Click here to see a list of all icons

complete events list gallery Download

markup

[button style="default" href="#" target="_self"]gallery [icon style="icon-camera"/][/button]

Icon buttons

You can create icon buttons using the [icon_button] shortcode. These can come in handy especially when creating social icons.

markup

[icon_button icon="icon-twitter" url="#" target="_self"][/icon_button]
[icon_button icon="icon-dribbble" url="#" target="_self"][/icon_button]
[icon_button icon="icon-facebook" url="#" target="_self"][/icon_button]

Supporting Quality Childcare in Offaly

Offaly County Childcare Committee support the development of quality, affordable, inclusive, accessible childcare and family friendly services for all children in every part of the county.

Offaly County Childcare Committee has been meeting since May 2001 and is made up of representatives from the statutory sector, social partners, community groups, voluntary groups, the Community and Voluntary Forum, National Voluntary Children's Organisations, providers of childcare, and parents - all of whom have a vested interest in childcare provision in the county.