Formatting a Field in a Form | Community
Skip to main content
Kelsey_Hope
Kelsey_Hope
Level 2
June 22, 2017
Question

Formatting a Field in a Form

  • June 22, 2017
  • 3 replies
  • 2903 views

I have a form that is going to ask our users to select their top events that they would like to do globally. We have about 100 events to select from. We know this is our most engaged user base so I'm not concerned about them clicking away because there are too many options. My concern is that the field, as a "checkboxes" field lists all of them in one long column. Is there a way to have the field wrap into multiple columns so that they don't have to scroll forever?


Thank you for your help!

    3 replies

    Chris_Johnston
    Chris_Johnston
    Level 6
    June 22, 2017

    You can if you know CSS. Follow these steps to see where to input your CSS.

    Edit the CSS of a Form Theme - Marketo Docs - Product Docs

    If you move this question to Products​, someone might create the CSS if you don't know what you need to add.

      Gerard_Donnell4
      Gerard_Donnell4
      Level 9
      June 23, 2017

      If you are using multiple columns I would also add a media query for mobile.

      SanfordWhiteman
      SanfordWhiteman
      Level 10
      June 23, 2017

      Mary Kate, while like Chris said you should now move the question to Products​ -- this place is for general marketing topics, not Marketo product support -- and Chris's and Gerard's suggestions can get you where you think you want to go, I don't know if I would go there.

      Even 3 rows of 33 visible checkboxes (on desktop) sounds like a nightmare form to me... only a doctor's office could force me to fill that out.

      If it's at all possible, I'd suggest sorting these options into top-level groups somehow, then have people drill down into each.  If you look at the demo linked at https://nation.marketo.com/message/163333 you can see one way such  "boxgroups" can be implemented.

      B
      Adobe Employee
      BlaneMcMichen-1Adobe Employee
      Adobe Employee
      June 26, 2017

      Sanford,

      Form wizard that you are, is there a way for her to group them as you say, but drill/expand each group?  I call them twisties (►) or the plus-expander [+] notation.

        A
        Anonymous
        June 27, 2017

        Hi Blane,

        Not sure about Sanford's approach but for that purpose you may use visibility rule which would enable user to see the other fields only if he fulfills the criteria for the one above. For eg: if country value equals XYZ, then show state.

        Hope this helps

        Terms & ConditionsAccessibility statement

        Loading footer...