"Skinnier" (less-wide) elements...

User 1743776 Photo


Registered User
74 posts

I want a drop-down list, a checkbox list, radio buttons, a text field or anything that can show and allow a choice or entry of AGE (10 thru 90) as one element, GENDER (M or F) as another. 20% element width is too wide for my from and wastes space. Don't need a Label.
Also would be nice for Salutation.
Any suggestions?
Live in a steady joy!
User 2311431 Photo


Registered User
1 post

Hello Dick,

I hope I've got this in the right section of the right forum.....;)

I'm with you. I need more flexibility with form design in relation to field widths. Coffee Cup Form Builder (CCFB) is already quite flexible in this regard, and a very classy form builder - much better than anything else I've used for 90% of all form work. However, I absolutely agree with you that a minimum 20% field width option is just too large for many form designs

For example, I need to have a text boxes like this :

Opening Times Monday Tuesday Wednesday Thursday Friday Saturday Sunday

Underneath these days I need to have fields with the actual opening hours. Then, the same for

Closing Times Monday Tuesday Wednesday Thursday Friday Saturday Sunday

Customers can then fill in when they are open/closed on the form. With a 20% minimum field width, and a web page limitation on the overall form width, I can't get this outcome. But I need it, and I suspect so do many other web designers too.

I have had a look at the guts of the program itself, and I can see in source code on my system under :

ProgramFiles(X86)/CoffeeCupSoftware/WebFormBuilder/Library/Editor/Theme/Default/Css/Default.css

that the following lines of code that appear to set default field width options :

_____________________________________________________________________

/*Rules for the width of the item depending on the current mode used for width */

/*fb-large mode classes*/

#docContainer.fb-large .fb-item.fb-100-item-column{ width:100%; }
#docContainer.fb-large .fb-item.fb-75-item-column{ width:73%; }
#docContainer.fb-large .fb-item.fb-66-item-column{ width:64%; }
#docContainer.fb-large .fb-item.fb-50-item-column{ width:48%; }
#docContainer.fb-large .fb-item.fb-33-item-column{ width:31%; }
#docContainer.fb-large .fb-item.fb-25-item-column{ width:22%; }
#docContainer.fb-large .fb-item.fb-20-item-column{ width:18%; }

/*Normal mode classes*/
#docContainer .fb-item.fb-100-item-column{ width:99%; }
#docContainer .fb-item.fb-75-item-column{ width:72%; }
#docContainer .fb-item.fb-66-item-column{ width:63%; }
#docContainer .fb-item.fb-50-item-column{ width:47%; }
#docContainer .fb-item.fb-33-item-column{ width:30%; }
#docContainer .fb-item.fb-25-item-column{ width:21%; }
#docContainer .fb-item.fb-20-item-column{ width:16%; }

/*fb-small mode classes*/

#docContainer.fb-small .fb-item.fb-100-item-column{ width:98%; }
#docContainer.fb-small .fb-item.fb-75-item-column{ width:70%; }
#docContainer.fb-small .fb-item.fb-66-item-column{ width:61%; }
#docContainer.fb-small .fb-item.fb-50-item-column{ width:45%; }
#docContainer.fb-small .fb-item.fb-33-item-column{ width:28%; }
#docContainer.fb-small .fb-item.fb-25-item-column{ width:21%; }
#docContainer.fb-small .fb-item.fb-20-item-column{ width:15%; }

____________________________________________________________________________

Am I crazy to think that just adding another line to each group of code for "width:10%", and "width:5%"
would give us the smaller width increments we need from within the program?

I have tried to add this within the code, but of course the changes can't be saved to the program source code.

If I've guessed right, and this is all that's required to give us the form field width flexibility we need, then hopefully you guys at CC can just do it, and distribute it as a "patch" - truly you would become even bigger "Legends" than you are already! C'mon - just do it - please! Whatever it takes - just this little "tweak" will make a great product even greater..

I understand that relativity of the width options has to be maintained, but 100% is obviously divisible by 10% and 5%, just as it is by the combination of field width options we already have within CC Form Builder.

Oh for just this one little bit of magic:P

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.