nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Add ability to control the minimum width of columns when using the grid layout

MappyIan

This Idea follows on from this Question: https://community.esri.com/t5/arcgis-experience-builder-questions/is-it-possible-to-set-the-minimum-width-of-columns/td-p/1653553

I'm building an Experience using the Grid layout which consists of three columns. I'm using the Grid layout because it automatically switches to a mobile-friendly view at small screen widths, which is what I need. However, there doesn't seem to be any way of specifying a minimum width on each of the columns. Here's what it looks like at 1024x768:

This is fine, but I wouldn't want the two left most columns to get any narrower, but if you make the window narrower, the columns shrink to the point that they're basically unusable. Here it is at 600px wide:

What I'd like to do is set minimum widths on the two left most columns in pixels so that I have control over how narrow they get.

Find more posts tagged with

ArcGIS Online

Widget

Status: Open

Comments

ZachBodenner

Yeah it does give you a bit more control, so you can alter or omit elements from the desktop-size screen that might not be essential on a small screen. One thing I often do is that if I have column with some kind of widget that informs the map (list, or a feature info etc), what I'll do on small screens is restructure so that everything is in a side bar so the column can be put away and you can retain screen real estate for the map.

MappyIan

Thanks for the reply/info @ZachBodenner. I'm fairly new to Experience Builder and was using the Grid Layout because it does most of the heavy lifting for me in creating small-screen layouts. It's just this width issues that's really annoying. I'll try recreating my Experience using Columns to see if that works better. Much appreciated.

ZachBodenner

I've actually mostly abandoned the Grid widget because of how frustrating it is to deal with. It doesn't feel nearly as configurable as I think it should be, and it's so difficult to deal with in terms of adding or subtracting sections (column/rows or whatever), getting the sections of the grid to be the right size (again, lack of ability to set sizes), and general user-friendliness. I'm on Team Columns until the Grid improves, and I'll do the dirty of work of configuring my own small-screen layouts.