Checkbox Grid

  • Resolved newschool1

    (@newschool1)


    4 months, 2 weeks ago

    Hi All,

    Have just started using forminator to create a new sign-up form for our business. We were hoping to see functionality to make a grid of checkboxes, specifically the days Monday-Saturday in the 6 rows and Time Slots in the columns, so that customers can select multiple time slots across the week in the sign-up form to indicate their availability. Just wondering if there’s a simple way to do this that I’m missing, like laying out the checkboxes in a grid with custom CSS, or if it’s functionality the plugin doesn’t have yet?

    Many thanks,

    John

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @newschool1

    Hope this message finds you well.

    Could you export your form so we can be on the same page? Kindly use the guide on this link: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export? Once exported, kindly use a Cloud service like Google Drive, pastebin.com, or similar to share it. If you have sensitive data, please duplicate the form, remove it, and export the form.

    Best regards,
    Laura

    Thread Starter newschool1

    (@newschool1)

    Hi, thanks for your response Laura. Please see pastebin here: https://pastebin.com/HWGY4ajC. For the day/time selection, it would be ideal to have something like the table below where people can select multiple boxes on multiple days to indicate all of their available times.

    https://docs.google.com/spreadsheets/d/1qJXSqp6r2UNtKVn7eteq1-BXzSpS569vJJzwp4k5Ggk/edit?usp=sharing

    Let me know if this is possible within forminator or if there is a compatible solution that you know of.

    Many thanks again!

    • This reply was modified 4 months, 1 week ago by newschool1.
    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @newschool1

    I’m afraid that due to limitations in Forminator, this will be not possible without custom coding. The first limitation is the Forminator Grid which currently allows to have max 4 columns. Using the CSS solution it can be somehow overwritten. Following this, you will face another issue later on when it comes to the mobile version which will be fully unreadable if you reverse this CSS for the mobile view. Such a mobile grid will make no sense at all.

    In such a case, we can recommend adding checkboxes with days in the first place. Later on, create checkboxes with time slots 6 times. 1st set of times will show up only if you select Mon, and so on. Each set of those checkboxes will have a separate label.

    You can see example here: https://pastebin.com/350wMRe5

    Kind Regards,
    Kris

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @newschool1

    We haven’t heard from you in some time, so I will mark this thread as resolved. If you have any more questions or need further assistance, please let us know!

    Kind Regards,
    Amin

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.