https://community.esri.com/t5/arcgis-online-ideas/allow-full-flexbox-properties-in-html-pop-up/idi-p/1232820 <P>I'd really like the ability to use full flexbox properties when constructing HTML within the new map viewer pop-ups.</P><P>The new map viewer HTML seems to ignore all the flexbox properties other than "display: flex".&nbsp; For example, if I want to have child divs set in columns, I'd use "flex-direction: column" ... however this is ignored or dropped from the HTML pop-up properties, even though it appears in the HTML.</P><P>&nbsp;</P><P>What is entered into the HTML pop-up window.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_0-1668706364403.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56235i85E5D2E32DA7081D/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_0-1668706364403.png" alt="mpboyle_0-1668706364403.png" /></span></P><P>&nbsp;</P><P>How it's displayed --- as rows, not columns</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_1-1668706408767.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56236i2E17FCCCB8E9C857/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_1-1668706408767.png" alt="mpboyle_1-1668706408767.png" /></span></P><P>&nbsp;</P><P>Element style in developer tools --- all flex box properties are dropped other than the display property</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_2-1668706442581.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56237i685FA13C61A17CAF/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_2-1668706442581.png" alt="mpboyle_2-1668706442581.png" /></span></P><P>&nbsp;</P><P>Why I'd like to have flex box properties ... we use it all the time in Map Viewer Classic to align items within a pop-up, and we use it to make custom charts, like the one below.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_0-1668725921617.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56284iDE0CAD2217A38735/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_0-1668725921617.png" alt="mpboyle_0-1668725921617.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P> Thu, 17 Nov 2022 22:58:50 GMT mpboyle 2022-11-17T22:58:50Z https://community.esri.com/t5/arcgis-online-ideas/allow-full-flexbox-properties-in-html-pop-up/idi-p/1232820 <P>I'd really like the ability to use full flexbox properties when constructing HTML within the new map viewer pop-ups.</P><P>The new map viewer HTML seems to ignore all the flexbox properties other than "display: flex".&nbsp; For example, if I want to have child divs set in columns, I'd use "flex-direction: column" ... however this is ignored or dropped from the HTML pop-up properties, even though it appears in the HTML.</P><P>&nbsp;</P><P>What is entered into the HTML pop-up window.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_0-1668706364403.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56235i85E5D2E32DA7081D/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_0-1668706364403.png" alt="mpboyle_0-1668706364403.png" /></span></P><P>&nbsp;</P><P>How it's displayed --- as rows, not columns</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_1-1668706408767.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56236i2E17FCCCB8E9C857/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_1-1668706408767.png" alt="mpboyle_1-1668706408767.png" /></span></P><P>&nbsp;</P><P>Element style in developer tools --- all flex box properties are dropped other than the display property</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_2-1668706442581.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56237i685FA13C61A17CAF/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_2-1668706442581.png" alt="mpboyle_2-1668706442581.png" /></span></P><P>&nbsp;</P><P>Why I'd like to have flex box properties ... we use it all the time in Map Viewer Classic to align items within a pop-up, and we use it to make custom charts, like the one below.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="mpboyle_0-1668725921617.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/56284iDE0CAD2217A38735/image-size/medium?v=v2&amp;px=400" role="button" title="mpboyle_0-1668725921617.png" alt="mpboyle_0-1668725921617.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P> Thu, 17 Nov 2022 22:58:50 GMT https://community.esri.com/t5/arcgis-online-ideas/allow-full-flexbox-properties-in-html-pop-up/idi-p/1232820 mpboyle 2022-11-17T22:58:50Z