{"id":5207,"date":"2022-02-14T18:35:52","date_gmt":"2022-02-14T18:35:52","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5207"},"modified":"2022-02-14T18:43:01","modified_gmt":"2022-02-14T18:43:01","slug":"tabsection","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/tabsection\/","title":{"rendered":"Tab(Section)"},"content":{"rendered":"\n<p>UDesign offers\u00a0<strong>Section Tab\u00a0<\/strong>function and you can create any type of tabs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create section tab?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>. Create, or choose the section into which you want to add your element.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>. In<strong>\u00a0Layout<\/strong>\u00a0tab , you can find\u00a0<strong>Settings<\/strong>. And here set\u00a0<strong>Use Section For<\/strong>\u00a0to\u00a0<strong>Tab<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"434\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/7-3-1024x434.png\" alt=\"\" class=\"wp-image-5215\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/7-3-1024x434.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/7-3-768x326.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>. Choose column of top section. In\u00a0<strong>Settings<\/strong>\u00a0of\u00a0<strong>Layout<\/strong>\u00a0tab, set\u00a0<strong>Use Column For<\/strong>\u00a0to\u00a0<strong>Tab Content<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/8-2-1024x415.png\" alt=\"\" class=\"wp-image-5216\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/8-2-1024x415.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/8-2-768x311.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Element Section Options<\/h4>\n\n\n\n<p><strong>Tab Type<\/strong>&nbsp;\u2013 Select the tab type you wanna display on the screen. There are 4 types.<\/p>\n\n\n\n<p><strong>Tab Nav Arrange<\/strong>&nbsp;\u2013 Control the arrage method of tabs, vertical or horizontal.<\/p>\n\n\n\n<p><strong>Justify Tabs<\/strong>&nbsp;\u2013 Fit the tabs with container.<\/p>\n\n\n\n<p><strong>Tab Navs Position\u00a0<\/strong>\u2013 Select the alignment for tabs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Column Options<\/h4>\n\n\n\n<p><strong>Tab Title<\/strong>&nbsp;\u2013 Input the tab title you wanna display.<\/p>\n\n\n\n<p><strong>Tab Icon<\/strong>&nbsp;\u2013 Select the icon or svg for tab with icon.<\/p>\n\n\n\n<p><strong>Tab Icon Position&nbsp;<\/strong>\u2013 Select the icon position with tab title.<\/p>\n\n\n\n<p><strong>Tab Icon Spacing<\/strong>&nbsp;\u2013 Set the space between tab title and icon.<\/p>\n\n\n\n<p><strong>Tab Icon Size<\/strong>&nbsp;\u2013 Set the icon size.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers\u00a0Section Tab\u00a0function and you can create any type of tabs. How to create section tab? Step 1. Create, or choose the section into which you want to add your element. Step 2. In\u00a0Layout\u00a0tab , you can find\u00a0Settings. And here set\u00a0Use Section For\u00a0to\u00a0Tab. Step 3. Choose column of top section. In\u00a0Settings\u00a0of\u00a0Layout\u00a0tab, set\u00a0Use Column For\u00a0to\u00a0Tab Content. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5207","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5207"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5207\/revisions"}],"predecessor-version":[{"id":5217,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5207\/revisions\/5217"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}