{"id":314,"date":"2014-05-24T06:34:47","date_gmt":"2014-05-24T11:34:47","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=314"},"modified":"2014-05-24T06:34:47","modified_gmt":"2014-05-24T11:34:47","slug":"tabbed-content","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/icon-1\/shortcodes\/tabbed-content\/","title":{"rendered":"Tabbed Content"},"content":{"rendered":"<h2  class=\"h-custom-headline h5 accent\" ><span>Tabs Top<\/span><\/h2>\n<ul  class=\"x-nav x-nav-tabs two-up top\"  data-x-element=\"tab_nav\" data-x-params=\"{&quot;orientation&quot;:&quot;horizontal&quot;}\"  role=\"tablist\">\n<li  class=\"x-nav-tabs-item active\"  role=\"presentation\"><a id=\"x-legacy-tab-1\" aria-selected=\"true\" aria-controls=\"x-legacy-panel-1\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-1\" data-x-toggle-group=\"69d78c7bbfa86\">Click Me!<\/a><\/li>\n<li  class=\"x-nav-tabs-item\"  role=\"presentation\"><a id=\"x-legacy-tab-2\" aria-selected=\"false\" aria-controls=\"x-legacy-panel-2\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-2\" data-x-toggle-group=\"69d78c7bbfa86\">No, Click Me!<\/a><\/li>\n<\/ul>\n<div  class=\"x-tab-content\" >\n<div id=\"x-legacy-panel-1\" class=\"x-tab-pane active\"  aria-hidden=\"false\" aria-labelledby=\"x-legacy-tab-1\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-1\">Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Nulla vitae elit libero, a pharetra augue.<\/div>\n<div id=\"x-legacy-panel-2\" class=\"x-tab-pane\"  aria-hidden=\"true\" aria-labelledby=\"x-legacy-tab-2\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-2\">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo.<\/div>\n<\/div>\n<pre  class=\"x-code\" ><code>[tab_nav type=\"two-up\"][tab_nav_item title=\"Click Me!\" active=\"true\"][tab_nav_item title=\"No, Click Me!\" active=\"\"][\/tab_nav][tabs][tab active=\"true\"] Your Content [\/tab][tab] Your Content [\/tab][\/tabs]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tabs Left<\/span><\/h2>\n<ul  class=\"x-nav x-nav-tabs two-up left\"  data-x-element=\"tab_nav\" data-x-params=\"{&quot;orientation&quot;:&quot;vertical&quot;}\"  role=\"tablist\">\n<li  class=\"x-nav-tabs-item active\"  role=\"presentation\"><a id=\"x-legacy-tab-3\" aria-selected=\"true\" aria-controls=\"x-legacy-panel-3\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-3\" data-x-toggle-group=\"69d78c7bbfc8f\">Click Me!<\/a><\/li>\n<li  class=\"x-nav-tabs-item\"  role=\"presentation\"><a id=\"x-legacy-tab-4\" aria-selected=\"false\" aria-controls=\"x-legacy-panel-4\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-4\" data-x-toggle-group=\"69d78c7bbfc8f\">No, Click Me!<\/a><\/li>\n<\/ul>\n<div  class=\"x-tab-content\" >\n<div id=\"x-legacy-panel-3\" class=\"x-tab-pane active\"  aria-hidden=\"false\" aria-labelledby=\"x-legacy-tab-3\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-3\">Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Nulla vitae elit libero, a pharetra augue.<\/div>\n<div id=\"x-legacy-panel-4\" class=\"x-tab-pane\"  aria-hidden=\"true\" aria-labelledby=\"x-legacy-tab-4\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-4\">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo.<\/div>\n<\/div>\n<pre  class=\"x-code\" ><code>[tab_nav type=\"two-up\" float=\"left\"][tab_nav_item title=\"Click Me!\" active=\"true\"][tab_nav_item title=\"No, Click Me!\" active=\"\"][\/tab_nav][tabs][tab active=\"true\"] Your Content [\/tab][tab] Your Content [\/tab][\/tabs]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tabs Right<\/span><\/h2>\n<ul  class=\"x-nav x-nav-tabs two-up right\"  data-x-element=\"tab_nav\" data-x-params=\"{&quot;orientation&quot;:&quot;vertical&quot;}\"  role=\"tablist\">\n<li  class=\"x-nav-tabs-item active\"  role=\"presentation\"><a id=\"x-legacy-tab-5\" aria-selected=\"true\" aria-controls=\"x-legacy-panel-5\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-5\" data-x-toggle-group=\"69d78c7bbfddf\">Click Me!<\/a><\/li>\n<li  class=\"x-nav-tabs-item\"  role=\"presentation\"><a id=\"x-legacy-tab-6\" aria-selected=\"false\" aria-controls=\"x-legacy-panel-6\" role=\"tab\" data-x-toggle=\"tab\" data-x-toggleable=\"x-legacy-tab-6\" data-x-toggle-group=\"69d78c7bbfddf\">No, Click Me!<\/a><\/li>\n<\/ul>\n<div  class=\"x-tab-content\" >\n<div id=\"x-legacy-panel-5\" class=\"x-tab-pane active\"  aria-hidden=\"false\" aria-labelledby=\"x-legacy-tab-5\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-5\">Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Nulla vitae elit libero, a pharetra augue.<\/div>\n<div id=\"x-legacy-panel-6\" class=\"x-tab-pane\"  aria-hidden=\"true\" aria-labelledby=\"x-legacy-tab-6\" role=\"tabpanel\" data-x-toggleable=\"x-legacy-tab-6\">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo.<\/div>\n<\/div>\n<pre  class=\"x-code\" ><code>[tab_nav type=\"two-up\" float=\"right\"][tab_nav_item title=\"Click Me!\" active=\"true\"][tab_nav_item title=\"No, Click Me!\" active=\"\"][\/tab_nav][tabs][tab active=\"true\"] Your Content [\/tab][tab] Your Content [\/tab][\/tabs]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tab Nav Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>type<\/strong>: &#8220;two-up,&#8221; &#8220;three-up,&#8221; &#8220;four-up,&#8221; or &#8220;five-up.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>float<\/strong>: &#8220;left,&#8221; or &#8220;right.&#8221;<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tab Nav Item Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>title<\/strong>: enter in the title for the corresponding tab.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>active<\/strong>: input &#8220;true&#8221; to provide active tab styling on page load.<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tabs Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Tab Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/pages\/314"}],"collection":[{"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":0,"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/pages\/314\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/icon-1\/wp-json\/wp\/v2\/media?parent=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}