{"id":188,"date":"2019-04-28T16:46:34","date_gmt":"2019-04-28T16:46:34","guid":{"rendered":"https:\/\/docs.sisus.co\/power-inspector\/?p=188"},"modified":"2021-03-24T17:36:32","modified_gmt":"2021-03-24T17:36:32","slug":"dynamic-prefix-column","status":"publish","type":"post","link":"https:\/\/docs.sisus.co\/power-inspector\/features\/dynamic-prefix-column\/","title":{"rendered":"18. Dynamic Prefix Column"},"content":{"rendered":"<p>Power Inspector completely changes how the prefix label column width is determined. It is no longer just a simple percentage portion of the total width of the <a href=\"https:\/\/docs.sisus.co\/power-inspector\/terminology\/inspector-view\/\">inspector view<\/a>, like in the <a href=\"https:\/\/docs.sisus.co\/power-inspector\/terminology\/default-inspector\/\">default inspector<\/a>, but is <strong>individually adjustable<\/strong>.<\/p>\n<h1>Automatic Width Optimization<\/h1>\n<p>By default, whenever the contents of an Inspector View in Power Inspector are changed, the prefix width is <strong>automatically optimized<\/strong> to be just wide enough, so as to fully display the prefix labels of all <a href=\"https:\/\/docs.sisus.co\/power-inspector\/terminology\/gui-instructions\/\">drawers<\/a>, while maximizing the remaining space available for the right-side controls column.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-456\" src=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/2019\/04\/DynamicPrefixFieldAuto.png\" alt=\"\" width=\"605\" height=\"134\" srcset=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldAuto.png 605w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldAuto-300x66.png 300w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldAuto-150x33.png 150w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/p>\n<p>This way you will always be able to see all prefix labels without any clipping, even as you unfold new controls inside a Component.<\/p>\n<blockquote><p><strong>Tip:<\/strong> Automatic width optimization can be disabled in <a href=\"https:\/\/docs.sisus.co\/power-inspector\/preferences\/editing-preferences\/\">Preferences<\/a>, if you prefer always controlling your prefix column widths manually.<\/p><\/blockquote>\n<h1>Manual Width Adjustment<\/h1>\n<p>It is also possible to manually adjust the prefix column width by <strong>dragging<\/strong> the <strong>divider line<\/strong> between the columns.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-454\" src=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/2019\/04\/DynamicPrefixFieldDragging.png\" alt=\"\" width=\"600\" height=\"98\" srcset=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDragging.png 600w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDragging-300x49.png 300w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDragging-150x25.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>If you <strong>double-click<\/strong> the divider line, the prefix column width is automatically adjusted to <strong>optimal<\/strong> size.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-457\" src=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/2019\/04\/DynamicPrefixFieldDoubleClick.png\" alt=\"\" width=\"601\" height=\"98\" srcset=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDoubleClick.png 601w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDoubleClick-300x49.png 300w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixFieldDoubleClick-150x24.png 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/p>\n<h1>Manual Width Adjustment In Custom Editors<\/h1>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-191\" src=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/2019\/04\/DynamicPrefixCustomEditor.png\" alt=\"\" width=\"282\" height=\"156\" srcset=\"https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixCustomEditor.png 282w, https:\/\/docs.sisus.co\/power-inspector\/wp-content\/uploads\/sites\/2\/2019\/04\/DynamicPrefixCustomEditor-150x83.png 150w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/p>\n<p>With drawers of Custom Editors manual prefix width adjusting works the same, except instead of dragging a divider line, you drag the division point marker located at the top of the drawer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Power Inspector completely changes how the prefix label column width is determined. It is no longer just a simple percentage portion of the total width of the inspector view, like in the default inspector, but is individually adjustable. Automatic Width Optimization By default, whenever the contents of an Inspector View in Power Inspector are changed, ..<\/p>\n<div class=\"clear-fix\"><\/div>\n<p><a href=\"https:\/\/docs.sisus.co\/power-inspector\/features\/dynamic-prefix-column\/\" title=\"read more\">Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/188"}],"collection":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":12,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"predecessor-version":[{"id":1807,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/188\/revisions\/1807"}],"wp:attachment":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}