Jump to content

Customize contact form with checkbox grid

By Forge, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

Forge Level 2

Forge

Posted
Posted

Hello,

I'd like to customize our contact form block to include a checkbox grid within the form for the availability section -- see example screenshot of a checkbox grid below. We'd like to customize it so that people can check the day of the week in the columns and the times they're available in the rows. Is it possible to do this with custom code?

Screen Shot 2023-10-10 at 8.09.31 PM.png

Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

I tried to imagine it in my head and I think it is possible. However, when the information is sent to email, I think it will be quite messy. Create some checkbox like this Block 1 Monda

Posted Images

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

I tried to imagine it in my head and I think it is possible. However, when the information is sent to email, I think it will be quite messy.

Create some checkbox like this

Block 1

Monday - checkbox1

Tuesday - checkbox2

...

Block 2

Monday - checkbox1

Tuesday - checkbox2

...

Block 3

Monday - checkbox1

Tuesday - checkbox2

..

Block 4

Monday - checkbox1

Tuesday - checkbox2

..

Block 5

Monday - checkbox1

Tuesday - checkbox2

...

Block 6

Monday - checkbox1

Tuesday - checkbox2

...

then use CSS code to make each column 14.286% width and place them side by side in 6 columns, with column 7 (first column), use some CSS code to add Monday, Tuesday...text and CSS to hide "Monday", "Tuesday",... from these checkboxes

But when it comes to email, I think it will be quite messy.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources