{"id":90,"date":"2013-04-13T07:51:42","date_gmt":"2013-04-13T07:51:42","guid":{"rendered":"http:\/\/bonsaished.com\/estatement\/?page_id=90"},"modified":"2013-04-13T07:51:42","modified_gmt":"2013-04-13T07:51:42","slug":"tabs","status":"publish","type":"page","link":"http:\/\/qualitaslettings.co.uk\/?page_id=90","title":{"rendered":"Tabs"},"content":{"rendered":"

Using the tabs shortcode you can create an area with tabbed navigation. This is great if you want to show more content in smaller area. The [tabs] shortcode is always used with the [section] shortcode, similarly to how columns are created. If you don’t know what shortcodes are we recommend you read our article on How to Use Shortcodes<\/a>. The parameters of this shortcode are:<\/p>\n

The [tabs] shorcode has two attributes:<\/p>\n

contained<\/strong>
\nThis attribute can be set to ‘yes’ or ‘no’. By default it is set to yes, which means that the contents of the tabs will be contained in a box. If set to no, the box will be removed.<\/p>\n

pill<\/strong>
\nThis attribute allows you to use pill-style navigation instead of regular tabs. Set to yes if you would like pills, the default value is no.<\/p>\n

The [section] shortcode has just one attribute:
\ntitle<\/strong>
\nThe title of the section which will be used in the tab.<\/p>\n

Examples<\/h2>\n
\n[tabs]\n[section title='My First Tab']\nThis is the content of this tab\n[\/section]\n[section title='My Second Tab']\nThis is the content of the second tab\n[\/section]\n[\/tabs]<\/pre>\n
[tabs]
\n[section title=’My First Tab’]
\nThis is the content of this tab
\n[\/section]
\n[section title=’My Second Tab’]
\nThis is the content of the second tab
\n[\/section]
\n[\/tabs]<\/p>\n
\n[tabs]\n[section title='My First Tab']\n[row]\n[column width='4']\n<img src=\"http:\/\/bonsaished.com\/musico\/wp-content\/uploads\/sites\/3\/2013\/03\/photodune-277307-rock-concert-m-150x150.jpg\" alt=\"rock concert\" width=\"150\" height=\"150\" class=\"alignleft size-thumbnail wp-image-120\" \/>\n[\/column]\n[column width='8']\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.\n[\/column]\n[\/row]\n[\/section]\n[section title='My Second Tab']\nThis is the content of the second tab\n[\/section]\n[\/tabs]<\/pre>\n
[tabs]
\n[section title=’My First Tab’]
\n[row]
\n[column width=’4′]
\n\"rock
\n[\/column]
\n[column width=’8′]
\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
\n[\/column]
\n[\/row]
\n[\/section]
\n[section title=’My Second Tab’]
\nThis is the content of the second tab
\n[\/section]
\n[\/tabs]<\/p>\n","protected":false},"excerpt":{"rendered":"
Using the tabs shortcode you can create an area with tabbed navigation. This is great if you want to show more content in smaller area. The [tabs] shortcode is always used with the [section] shortcode, similarly to how columns are created. If you don’t know what shortcodes are we recommend you read our article on […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":87,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":0,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/87"}],"wp:attachment":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}