{"id":6858,"date":"2024-08-13T11:36:50","date_gmt":"2024-08-13T08:36:50","guid":{"rendered":"https:\/\/bitimpulse.com\/?post_type=manual&#038;p=6858"},"modified":"2024-08-13T11:38:33","modified_gmt":"2024-08-13T08:38:33","slug":"kontejner-vkladok","status":"publish","type":"manual","link":"https:\/\/bitimpulse.com\/en\/manual\/stvorennya-interaktyvnogo-deshborda\/kontejner-vkladok\/","title":{"rendered":"Tab Container"},"content":{"rendered":"<p>\u201cTab Container\u201d can be one of the elements of the dashboard. Click the corresponding icon on the toolbar:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_1-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6907\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_1-2.png\" alt=\"\" width=\"721\" height=\"86\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_1-2.png 721w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_1-2-450x54.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_1-2-300x36.png 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<p>The result is the following dashboard element:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_2-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6906\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_2-2.png\" alt=\"\" width=\"268\" height=\"249\" \/><\/a><\/p>\n<p>The\u00a0\u201cTab Container\u201d dashboard element allows you to split the dashboard layout into several pages.<\/p>\n<p>Let&#8217;s create the next elements of the dashboard &#8211; a grid and a chart:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_3-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6905\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_3-2.png\" alt=\"\" width=\"696\" height=\"304\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_3-2.png 696w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_3-2-450x197.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_3-2-300x131.png 300w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6904\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2.png\" alt=\"\" width=\"833\" height=\"299\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2.png 833w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2-450x162.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2-300x108.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_4-2-768x276.png 768w\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" \/><\/a><\/p>\n<p>Now drag these elements into the \u201cTab Container\u201d. As a result, we get the following view of \u201cPage1\u201d:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_5-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6903\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_5-2.png\" alt=\"\" width=\"674\" height=\"449\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_5-2.png 674w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_5-2-450x300.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_5-2-300x200.png 300w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/a><\/p>\n<p>Let&#8217;s add a new page to the tab container that will contain the filter. To do this, click the + (plus) icon to add an empty page to the tab container:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_6-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6902\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_6-2.png\" alt=\"\" width=\"609\" height=\"115\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_6-2.png 609w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_6-2-450x85.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_6-2-300x57.png 300w\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" \/><\/a><\/p>\n<p>Let&#8217;s create some quick filters and drag them to \u201cPage2\u201d:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_7-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6901\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_7-2.png\" alt=\"\" width=\"454\" height=\"84\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_7-2.png 454w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_7-2-450x83.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_7-2-300x56.png 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><\/a><\/p>\n<p>Thus, we split the dashboard layout into several pages:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_8-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6900\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_8-2.png\" alt=\"\" width=\"497\" height=\"401\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_8-2.png 497w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_8-2-450x363.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_8-2-300x242.png 300w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/a><\/p>\n<p>The \u201cTab Container\u201d page element has the following context menu:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_9-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6899\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_9-2.png\" alt=\"\" width=\"188\" height=\"442\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_9-2.png 188w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_9-2-128x300.png 128w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/a><\/p>\n<p>The tab caption is above the caption of the content element on the page. If a tab page contains a single element, the\u00a0\u201c<em>Display Item as Page<\/em><em>\u201d<\/em>\u00a0feature is activated. It merges the dashboard item with a tab page and displays a single caption, as illustrated below:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_10-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6898 alignnone\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_10-2.png\" alt=\"\" width=\"278\" height=\"364\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_10-2.png 278w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_10-2-229x300.png 229w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a> <a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_17.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6875 alignnone\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_17.png\" alt=\"\" width=\"78\" height=\"48\" \/><\/a> <a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_11-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6897\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_11-2.png\" alt=\"\" width=\"279\" height=\"364\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_11-2.png 279w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_11-2-230x300.png 230w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/a><\/p>\n<p>To disable the\u00a0\u201cDisplay Item as Page\u201d\u00a0feature, use one of the following methods:<\/p>\n<ul>\n<li>Select the tab page and click the\u00a0\u201cDisplay Item as Page\u201d\u00a0button in the\u00a0\u201cLayout\u201d\u00a0group on the\u00a0\u201cDesign\u201d\u00a0ribbon tab of the\u00a0\u201cPage Tools\u201d\u00a0contextual tab set.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6896 aligncenter\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2.png\" alt=\"\" width=\"790\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2.png 790w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2-450x80.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2-300x53.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_12-2-768x136.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><\/p>\n<ul>\n<li>Select the\u00a0\u201cDisplay Item as Page\u201d\u00a0command in the tab page context menu:<\/li>\n<\/ul>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_13-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6895\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_13-2.png\" alt=\"\" width=\"188\" height=\"106\" \/><\/a><\/p>\n<p>You can change the order of the tabs. To change the tab page order, click the\u00a0\u201c<strong>Reorder Tabs<\/strong><strong>\u201d<\/strong>\u00a0button on the\u00a0\u201c<strong>Tab settings<\/strong><strong>\u201d<\/strong>\u00a0group:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6894\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2.png\" alt=\"\" width=\"790\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2.png 790w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2-450x80.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2-300x53.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_14-2-768x136.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><\/p>\n<p>The \u201cTabs Order: dialog is invoked:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_15-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6893\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_15-2.png\" alt=\"\" width=\"332\" height=\"386\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_15-2.png 332w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_20_15-2-258x300.png 258w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/a><\/p>\n<p>Click up and down arrows to change the order of the tab pages in the tab container.<\/p>\n<p>The following options are available on the \u201cData\u201d tab for the \u201cPage Tools\u201d group:<\/p>\n<ul>\n<li>The\u00a0\u201c<strong>Master Filter<\/strong><strong>\u201d <\/strong>button controls whether the current page\u2019s master filter items can filter dashboard items outside the page. This option is enabled for the newly created tab page: master filter items in the page can filter any dashboard items;<\/li>\n<li>The\u00a0\u201c<strong>Ignore Master Filters<\/strong><strong>\u201d <\/strong>button allows you to isolate dashboard items contained within the tab page from external master filter items. This option is disabled for the newly created tab page: external master filter items can filter the dashboard items contained within the tab page.<\/li>\n<\/ul>\n<p><\/p>","protected":false},"featured_media":0,"parent":5521,"menu_order":517,"template":"","manuals":[18],"class_list":["post-6858","manual","type-manual","status-publish","hentry","manuals-bat-desktop"],"_links":{"self":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/6858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/types\/manual"}],"up":[{"embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/5521"}],"wp:attachment":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/media?parent=6858"}],"wp:term":[{"taxonomy":"manuals","embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manuals?post=6858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}