{"id":10425,"date":"2024-01-31T11:44:29","date_gmt":"2024-01-31T16:44:29","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?post_type=mercury-block&amp;p=10425"},"modified":"2024-01-31T11:44:29","modified_gmt":"2024-01-31T16:44:29","slug":"tab-block","status":"publish","type":"mercury-block","link":"https:\/\/www.eng.ufl.edu\/marcom\/mercury-block\/tab-block\/","title":{"rendered":"Tab Block"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/webservices.it.ufl.edu\/mercury-theme\/items\/tab-block.html\" target=\"_blank\" rel=\"noreferrer noopener\">When to use and example of the tab block<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the Block Editor, insert the Tab Block. Expand the document overview and select the main block to give the tab group an optional title and description in the inspector panel.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1217\" height=\"818\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-tabblock1.gif\" alt=\"How to insert a tab block\" class=\"wp-image-10525\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Select the nested Tab Item to enter an item title, link text, and destination (leave blank for no link). <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1217\" height=\"818\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-tabblock2.gif\" alt=\"How to enter information in the nested tab item\" class=\"wp-image-10527\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Content goes in the nested Classic block, or you can add List or Paragraph blocks. Use the Add Block plus sign to add more tab items.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1217\" height=\"818\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-tabblock3.gif\" alt=\"How to add content to a tab item, and add more tab items\" class=\"wp-image-10529\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Inserts a set of tabs that allows users to navigate through different sections of content without leaving the current page. <\/p>\n","protected":false},"featured_media":10519,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","_links_to":"","_links_to_target":""},"block-categories":[23,33],"class_list":["post-10425","mercury-block","type-mercury-block","status-publish","has-post-thumbnail","hentry","block-categories-navigation","block-categories-text-content"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block\/10425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/mercury-block"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media\/10519"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10425"}],"wp:term":[{"taxonomy":"block-categories","embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/block-categories?post=10425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}