Insert a Table to Include Checkboxes

User 2869370 Photo


Registered User
14 posts

I'd like to add a table or matrix of checkboxes to my form (see attached). I can do something similar with the checkbox element, but two limitations that I'd like to overcome are: (1) the format of the text label for each option cannot be modified, i.e., it appears to be left-justified and when it wraps to a newline cannot be controlled and (2) the rows cannot be delineated by color. I would like to be able to do both -- control the wrap-around of the text and delineate the rows by using different colors. Can anyone provide some guidance?
Attachments:
User 2699991 Photo


Registered User
3,750 posts
Online Now

I don't think something like that in Web Form Builder is possible unless you have exported it, then it may be you can add some CSS code somewhere to style it as you want.

I do not use Web Form Designer, but I think that one would be capable of doing something like you want,

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 187934 Photo


Senior Advisor
19,684 posts
Online Now

You can do some with JQuery within the Form Builder. SD or Form Designer would be easier to get the full look.
http://ericrohloff.com/coffeecup/ccforu … -jqueryV3/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2869370 Photo


Registered User
14 posts

Thanks Wayan and Eric for your replies. The JQuery solutions looks interesting, but I'm not familiar with JQuery. I'll have to educate myself. After my initial post, I realized I could insert a table formatted as I wanted it by using an HTML element in the Web Form Builder. It almost got me to where I want to be, but not quite (see attached). The even rows are appearing with the specified color, but the odd rows are not. Perhaps a CSS style is overriding my inline style? Seems to be alot going on in the code generated by Web Form Builder, and since I'm new to HTML and CSS, it is taking some time to go through it all. I'll play around with the JQuery solution, though. I would expect I can insert the source Eric created in my HTML element.
User 187934 Photo


Senior Advisor
19,684 posts
Online Now

Doing it the way you have the Clinic Selection Table in WFB 20210119.png is easy with jquery. I had an example within a few minutes looking that way. Making it with the borders all the way around is a little tricky. The problem with the html element is that your inputs are not tied to the Form builders back end. You could use jQuery again to tie those to some Form Builder inputs that you hide. This way you can make the look you want easily with css and your own custom html inserted into a HTML Element.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.