Form Terms into columns

    • 8 posts
    March 30, 2020 2:33 PM EDT

    Greetings all:

    I am new to SE and transitioning from Drupal to SE for my site.

    I have some terms (multiple checkboxes) I'd like users to select but in one column it makes the form extremely long. How, in SE, could i put the terms into 2-3 columns to make it easier for the user to select items...

    I searched all over the forums, but can't figure it out. I didn't know if it had something to do with inline CSS.

     

    thanks in advance. 

    • Moderator
    • 6923 posts
    March 31, 2020 5:19 AM EDT

    When you say "terms" are you trying to put that in your terms of service? Are you instead just using the Profile Questions on the profile? You'll want to do some fancy CSS. Maybe flex? https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items  . With flex, it'll be fairly responsive.

    • 8 posts
    March 31, 2020 8:07 AM EDT

    so this is a form question that a user would select in his profile that would show what interests he/she has.

    in drupal, i would use the following line to put the check boxes in three columns instead of one long column.

    div.form-item:nth-child(3n+1)

    let me check out the flex...thank you for the input