Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Dropdown grids on mobile devices

Hi all ... Picture this.  Grid with brands as columns, statements as rows, dropdowns as options.  Formats well on a larger screen, especially using code to control the width of the dropdown.  On a mobile device, however, format looks terrible.  The dropdown boxes don't line up with each other.

Anyone got a solution?

Cheerie

p.s. version 9.7.2.
asked Jul 29 by Marion Bronze (3,600 points)

1 Answer

+1 vote
Does adding this CSS to your grid question suit your needs?

<style>
.mobile_grid_card .option_cell {
    display: inline-block;
    width: 50%;
}

.mobile_grid_card .input_cell {
    display: inline;
    width: 50%;
}
</style>


The widths can be adjusted.
answered Jul 29 by Zachary Platinum Sawtooth Software, Inc. (121,625 points)
Perfect.  Thanks :-)
...