{"id":7363,"date":"2024-08-15T13:54:23","date_gmt":"2024-08-15T10:54:23","guid":{"rendered":"https:\/\/bitimpulse.com\/?post_type=manual&#038;p=7363"},"modified":"2024-08-15T13:54:23","modified_gmt":"2024-08-15T10:54:23","slug":"maketuvannya-interaktyvnogo-deshbordu","status":"publish","type":"manual","link":"https:\/\/bitimpulse.com\/en\/manual\/stvorennya-interaktyvnogo-deshborda\/maketuvannya-interaktyvnogo-deshbordu\/","title":{"rendered":"Dashboard Items Layout"},"content":{"rendered":"<p>The \u201cDashboard Designer\u201d provides the capability to arrange and resize dashboard items and groups in various ways, using simple drag-and-drop operations:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_1-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7375\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_1-2.png\" alt=\"\" width=\"675\" height=\"377\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_1-2.png 675w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_1-2-450x251.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_1-2-300x168.png 300w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/a><\/p>\n<p>You can change the position of a dashboard item by using drag-and-drop:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_2-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7374\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_2-2.png\" alt=\"\" width=\"683\" height=\"517\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_2-2.png 683w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_2-2-450x341.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_2-2-300x227.png 300w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/a><\/p>\n<p>By default, dashboard elements automatically stretch or shrink the dashboard horizontally and vertically to fit the available screen space. You can customize the layout settings and specify the exact width and height of the content. To do this, click on the \u201cLayout Options\u201d icon in the toolbar:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_3-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7373\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_3-2.png\" alt=\"\" width=\"397\" height=\"88\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_3-2.png 397w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_3-2-300x66.png 300w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/a><\/p>\n<p>This invokes the\u00a0\u201c<strong>Dashboard Layout Options\u201d<\/strong>\u00a0dialog that allows you to specify the dashboard width and height:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_4-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7372\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_4-2.png\" alt=\"\" width=\"264\" height=\"304\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_4-2.png 264w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_32_4-2-261x300.png 261w\" sizes=\"(max-width: 264px) 100vw, 264px\" \/><\/a><\/p>","protected":false},"featured_media":0,"parent":5521,"menu_order":548,"template":"","manuals":[18],"class_list":["post-7363","manual","type-manual","status-publish","hentry","manuals-bat-desktop"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/7363","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=7363"}],"wp:term":[{"taxonomy":"manuals","embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manuals?post=7363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}