{"id":222,"date":"2016-01-29T09:26:58","date_gmt":"2016-01-29T09:26:58","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=222"},"modified":"2016-03-09T08:34:06","modified_gmt":"2016-03-09T08:34:06","slug":"tabs","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/special-sections\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"

Tabs<\/strong> section allows you to add a section with multiple panels in it, each panel contains its own content, and there is a list of these panels’ titles, click each title to view the associated content.<\/p>\n

\"tab-section\"<\/p>\n

Editing a Tabs Section:<\/h5>\n
    \n
  1. Activate the content edit mode of the page.<\/li>\n
  2. Move your cursor onto the tabs section, you can see the Section Toolbar<\/strong>, and the Tab Toolbar<\/strong> for each tab.
    \nTab toolbar includes:<\/p>\n
      \n
    1. Background <\/i><\/strong> – Click to open Tab Content Background Settings<\/strong> panel where you can set the background color\/image and add a color overlay for the current tab.<\/li>\n
    2. Bring Forward <\/i> <\/strong> – Click to change the tab order: bring forward.<\/li>\n
    3. Send Backward <\/i> <\/strong> – Click to change the tab order: send backward.<\/li>\n
    4. Add New <\/i> <\/strong> – Click to add a new tab after the current one.<\/li>\n
    5. Remove <\/i> <\/strong> – Click to remove the current tab.<\/li>\n<\/ol>\n<\/li>\n
    6. To edit another tab, click the tab link to move to that tab.<\/li>\n
    7. To edit a tab link text, click on the tab link and type the text.<\/li>\n
    8. To edit the content in a tab, just drag and drop rows\/columns\/modules into the tab and edit those elements.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      Tabs section allows you to add a section with multiple panels in it, each panel contains its own content, and there is a list of these panels’ titles, click each title to view the associated content. Editing a Tabs Section: Activate the content edit mode of the page. Move your cursor onto the tabs section, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":209,"menu_order":70,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":1,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":768,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/222\/revisions\/768"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/209"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}