Have an idea?

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

How to hide Complete Row in Mobile Style

Hi,
i'm trying to make a 3 rows question using dropdown, in which row "2 and 3"  will be visible if 1 is selected in in 1st dropdown and hide if 2 is selected in 1st dropdown. but i don't know how to hide complete row in mobile style.
asked Jan 7 by Nouman Saeed Bronze (995 points)
Mobile grids have divs with the class "mobile_grid_card" that represent each part of the mobile grid, each with a different "data-card_num" value representing which card it is.  If you're already showing and hiding the extra rows for non-mobile users, you likely just need to add lines like these to your code:

$('.mobile_grid_card[data-card_num=2]').show();
$('.mobile_grid_card[data-card_num=3]').show();


$('.mobile_grid_card[data-card_num=2]').hide();
$('.mobile_grid_card[data-card_num=3]').hide();

Your solution to the original question

Please only use this to answer the original question. Otherwise please use comments.
Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:

To avoid this verification in future, please log in or register.
...