Shortcodes

[intense_flip_box]

[intense_flip_box_item]

Description

The Flip Box shortcode lets you add a box to the screen that will flip/cycle through the items within it. Choose from several different flip animations. Add two or more items with many different options for cycling through the items.

Attributes

intense_flip_box

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
idtextIDmust be unique for the post/page
directionhiddenDirection
triggerhiddenSwitch Tab Trigger
animationdropdownAnimationsolid-flipnone - None
cycle-down - Cycle Down
cycle-left - Cycle Left
cycle-right - Cycle Right
cycle-up - Cycle Up
fade - Fade
flip - Flip
solid-flip - Solid Flip
scale - Scale
scale-up - Scale Up
slide-down - Slide Down
slide-left - Slide Left
slide-right - Slide Right
slide-up - Slide Up
active_tab_background_colorhiddenActive Tab Background Color
active_tab_font_colorhiddenActive Tab Font Color
widthtextWidthleave blank for full width
classtextCSS Class
rtlhiddenright-to-left
delaytextDelaynumber of milliseconds to wait before switching from the first item
speedtextSpeednumber of milliseconds to wait before switching between items
resetcheckboxResetreset when the focus is lost11 = true, 0 = false
loopcheckboxLooploop through the items11 = true, 0 = false

intense_flip_box_item

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
content_background_colorcolor_advancedContent Background Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
content_font_colorcolor_advancedContent Font Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)

Examples

[intense_flip_box width="300"]
[intense_flip_box_item]
[intense_alert margin_bottom="0"]
I am an alert within a flip box

[intense_filler bytes="400"]
[/intense_alert]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_alert margin_bottom="0" color="error"]
I am another alert within a flip box

[intense_filler bytes="400"]
[/intense_alert]
[/intense_flip_box_item]
[/intense_flip_box]