Skip to Content

RAG

RAG

Home / Shortcodes / Tabs and Toggle Shortcodes

[clear]

Tabs

[hr]

Tabs allow you to show more content on the page using less space. You can have as many tabs as needed. The container will auto-fill the width of the area where it is inserted.

[code][tabs]
[tab title=»Tab Title»]Tab content…[/tab]
[tab title=»Tab Title»]Tab content…[/tab]
[tab title=»Tab Title»]Tab content…[/tab]
[/tabs][/code]

[clear]

Parameters

title
(string) The text to display on the tab.

[clear]

Samples

[clear]

[tabs]
[tab title=»General Content Tab»]

Lorem ipsum dolor sit amet

[styled_image w=»200″ h=»115″ lightbox=»yes» image=»1199″ align=»right» alt=»Click me to enlarge!» rel=»tab-1″]
Consectetur adipiscing elit. Nunc posuere aliquet sollicitudin. Proin at pulvinar nibh. Integer euismod ultricies euismod. Nulla ac facilisis arcu. Quisque bibendum suscipit ligula eget placerat. Maecenas volutpat urna eu dui vulputate laoreet. Sed tempus eros quis metus scelerisque ac vestibulum tortor pulvinar. Aliquam sed nisl ut nisi gravida consequat at in metus. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet nulla ac dolor adipiscing.

[styled_image w=»250″ h=»273″ lightbox=»yes» image=»1190″ align=»left» alt=»Click me to enlarge!» rel=»tab-1″]

Nam libero diam, tincidunt ac volutpat non

Plandit in massa. Sed convallis luctus lorem, quis elementum lacus viverra eu. Aliquam erat turpis, dictum a sodales eu, tempus ac magna. Nam sit amet justo eu lacus commodo rutrum eget a felis. Ut rhoncus faucibus nibh eget scelerisque.

Fusce nec dui turpis sed mollis

Nibh ac blandit porttitor, metus tortor blandit ipsum, eu mattis mi diam ac purus. Integer ornare mattis viverra. Nunc accumsan massa eu ligula pretium id commodo mi aliquet. Nunc gravida purus quis tellus varius consequat. Nullam at diam arcu. Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare, sem metus adipiscing diam, quis hendrerit est erat id eros. Mauris ut arcu sapien.
[/tab]

[tab title=»Portfolio Tab»]

[portfolio category=»7,6,8″ columns=»4″ content_width=»712″ image_ratio=»2:3″ posts_per_page=»8″ paging=»false»]
[/tab]
[tab title=»Another Content Tab»]

Sed tempus eros quis metus scelerisque

[bullet_list icon=»check» indent=»15px»]

  • Consectetur adipiscing elit. Nunc posuere aliquet sollicitudin.
  • Aliquam sed nisl ut nisi gravida consequat at in metus.
  • Integer euismod ultricies euismod. Nulla ac facilisis arcu.
  • Proin at pulvinar nibh. Quisque bibendum suscipit ligula eget placerat.
  • Aliquam sed nisl ut nisi gravida consequat at in metus.
  • Integer euismod ultricies euismod. Nulla ac facilisis arcu.
  • Proin at pulvinar nibh. Quisque bibendum suscipit ligula eget placerat.

[/bullet_list]
Maecenas volutpat urna eu dui vulputate laoreet. Sed tempus eros quis metus scelerisque ac vestibulum tortor pulvinar. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet nulla ac dolor adipiscing.

Fusce nec dui turpis sed mollis

Nibh ac blandit porttitor, metus tortor blandit ipsum, eu mattis mi diam ac purus. Integer ornare mattis viverra. Nunc accumsan massa eu ligula pretium id commodo mi aliquet. Nunc gravida purus quis tellus varius consequat. Nullam at diam arcu. Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare, sem metus adipiscing diam, quis hendrerit est erat id eros. Mauris ut arcu sapien.
[/tab]
[tab title=»Blog Example»]

[blog category=»8,9″ author_link=»false» show_date=»true» posts_per_page=»3″ paging=»false» image_width=»200″ image_height=»106″ excerpt_length=»33″]
[/tab]
[/tabs]

[clear]

[clear]

Toggles (FAQs)

[hr]

Expand and collapse the content inside a container with a title. This is useful for «quick tips» and frequently asked questions pages where the user can navigate a list of questions.

[code][toggle title=»The Question or Title»]The is the answer or content to show…[/toggle][/code]

[clear]

Parameters

title
(string) The title to be displayed.

[clear]

Samples

[clear]

[toggle title=»A Simple Question and Answer»]The is the answer or content to show…

Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare, sem metus adipiscing diam, quis hendrerit est erat id eros. Mauris ut arcu sapien.

[/toggle]

[toggle title=»An Answer Including Some Images»]

The is shows a couple images as well.

[portfolio category=»8,7″ columns=»5″ content_width=»686″ image_ratio=»5:4″ posts_per_page=»5″ paging=»false»]

Aliquam sed nisl ut nisi gravida consequat at in metus. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet nulla ac dolor adipiscing dignissim.

[/toggle]

[toggle title=»This One Has Text and Images!»]

Lorem ipsum dolor sit amet

[styled_image w=»200″ h=»115″ lightbox=»yes» image=»1199″ align=»right» alt=»Click me to enlarge!» rel=»toggle-3″]

Consectetur adipiscing elit. Nunc posuere aliquet sollicitudin. Proin at pulvinar nibh. Integer euismod ultricies euismod. Nulla ac facilisis arcu. Quisque bibendum suscipit ligula eget placerat. Maecenas volutpat urna eu dui vulputate laoreet. Sed tempus eros quis metus scelerisque ac vestibulum tortor pulvinar. Aliquam sed nisl ut nisi gravida consequat at in metus. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet nulla ac dolor adipiscing.

[styled_image w=»250″ h=»273″ lightbox=»yes» image=»1190″ align=»left» alt=»Click me to enlarge!» rel=»toggle-3″]

Nam libero diam, tincidunt ac volutpat non

Plandit in massa. Sed convallis luctus lorem, quis elementum lacus viverra eu. Aliquam erat turpis, dictum a sodales eu, tempus ac magna. Nam sit amet justo eu lacus commodo rutrum eget a felis. Ut rhoncus faucibus nibh eget scelerisque.

Fusce nec dui turpis sed mollis

Nibh ac blandit porttitor, metus tortor blandit ipsum, eu mattis mi diam ac purus. Integer ornare mattis viverra. Nunc accumsan massa eu ligula pretium id commodo mi aliquet. Nunc gravida purus quis tellus varius consequat. Nullam at diam arcu. Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare, sem metus adipiscing diam, quis hendrerit est erat id eros. Mauris ut arcu sapien.

[/toggle]

Hopp til verktøylinje