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; } } }

(Implemented) Survey123 theme-grid: apply to groups not entire survey

RobBlash

I would like to apply theme-grid to individual groups in a survey, rather than the whole survey itself. Often, there are only a few questions in a longer survey that I may want to consolidate onto a single line, this is where I would find this option useful.

Reasoning:

This could potentially help to work around the incompatibility of theme-grid and table-list in the same survey.
Setting theme-grid on the entire survey adds borders to every question which are distracting. Alternatively, if we could set the borderColor property in the body::esri:style column it would be helpful (see separate idea here)

Finde mehr Beiträge mit dem Tag

Implemented

Status: Implemented

Kommentare

BrandonOikle

Agreed, you can apply some grids without having the style set to theme-grid (just set appearance w2 for a group as an example), but you lose the ability to change specific fields widths within the group. Also, having the option to apply different widths depending on device used seems like an asset when you can't control what device the form will be used on. Maybe there is a way to do this already that I am not aware of?

ElizabethHovsepian

It would be helpful to provide a method to apply the theme-grid to individual groups as opposed to the entire survey. I have very long, complex surveys where it would be beneficial to consolidate questions/answers in which the choices are the same. In the screenshots attached, I have groups using theme-grid and would like to use table-list outside of those groups. Thanks.

Elizabeth

GiaMSU

Hi Elizabeth,

Could you please tell me what is the 4th column, where you had "w7", "w2"...? Also, what are the purposes of these "w"?

Thank you so much

ElizabethHovsepian

Hi Gia,

This is used in grid theme style and you set column width in the appearance column. The W12, W7, etc. represents number of columns (side by side) for a group of questions. It is handy when completing a survey on a tablet as it saves room and saves on scrolling down a long survey.

Here is a link to esri webpage with a good explanation on groups, grids, and pages:

https://community.esri.com/groups/survey123/blog/2019/11/20/survey123-tricks-of-the-trade-groups-grids-and-pages

Hope this helps!

Elizabeth

JamesTedrick

Hi @RobBlash ,

This is now possible as of the 3.13 November 2021 release of Survey123. Refer to the Appearances section for details and the What's New Blog.

NicoleKwan

@JamesTedrick This has been partially implemented. True you can now apply some groups as grids without having the whole survey style set to theme-grid/ dynamic-grid/ fixed-grid. However we seem to lose the ability to change specific fields widths within the group.

dynamic-grid applied to group & table-list:

dynamic-grid applied to setting (with desired field widths) & table-list that doesn't work within the dyanmic-grid setting:

RobertAnderson3

I have to agree with @NicoleKwan I went to try and use it today and discovered this issue, it really seems only partially complete. I would definitely like to have it work within the dynamic-grid format as well @JamesTedrick

EmmaWhite5

@JamesTedrickI agree with @NicoleKwan and @RobertAnderson3.

I am trying apply a grid layout to one group in my survey. I only have three objects in my group; one note and two questions. I set the appearance of the group to w2 but I would like the note to take up two columns (w2) and each question to take up one column (w1) (side by side).

This is what I get;

And this is what I want but it only works if I apply fixed-grid in the settings -> style column and that changes the layout of my whole survey, which I don't want.

Thanks,

Emma

Nehmen Sie an der Diskussion teil

Melden Sie sich an, um zu posten, Inhalte zu folgen und mehr. Neu hier? Kostenlos registrieren.