Forums

I love Chronoforms and it's very flexible but when I specify the field lengths creating the form, the front end display shows the field all across the page. One long box.
example link http://www.tax-concepts.com/index.php?option=com_content&view=article&id=13&Itemid=133
Is there a way to define the format of the form the end user see's? Multiple elements on one line? Ie:
Name:__________________________ Age:________
Address:___________________________ City: ________ St:_______

If so is it in Chronoforms or is it manipulation the CSS?

thank you
Les

To add:
I've compared both sites, line for line and I see no differences. I created a new form just to make sure the old one wasn't corrupt, still shows the extended fields rather than the defined field length. This happens on both the Joomla Preview and the Test option within Chronoforms. This is V4 Chronoforms. Am I missing a setting somewhere?

Hi Les,

This comes from the PopUp Forms template that you are using; it is over-writing the ChronoForms CSS. The wide inputs come from around line 620 in template.css

input[type="text"], input[type="password"] {
    color: #3D5166 !important;
    padding: 4px 0;
    width: 100%; /* remove this line */
}

Bob

Thanks so much Bob, I went to my editor and removed the line from the popup template, that you specified. "width: 100%;" This changed the file on the server so I am thinking I don't have to reload the template, correct. FileZilla did upload the edited file and when I checked the line was removed. No change to the screen. It is really nice to know this is related to the popup Template.

Thanks again
Les

Hi Bob, I went back to Joomla and set up a regular menu item with the standard template that I use for the site, not the popup, and it did the same thing. The template is made with Artiseer just like the template on my other site. I suppose my next action might be to uninstall Chronoforms and reinstall. Chronoforms works fine on my other sites, it's just this one that's giving me a hard time. Lastly, can you format the displayed form for multiple fields per line? If so What file would I be modifying?
Thank you for the help, I am suggesting Chronoforms to everyone I know.
Once we get this fixed, a beer sounds good.
Les

Bob, After an Uninstall and a RE-install things started working fine.
This only leave my question about formating the display form. Is it possible to lay it out like a printed form, multiple entries per one line.
thank you for the direction.
Les

You think your Grey,,
An old Cobol programmer who is struggling with css

Les,

I believe I know the answer to what you want to do (you need to be using the Form Wizard):

To lay out multiple fields on one line, open the Configuration for the first field you wish to display on a line. In the Configuration popup, click on the tab named "Other". Scroll down and you will see an option that says "Start a multi field row". Select that checkbox and save the field. FOr the next field (the one you wish to place on the same line as above" go to the "Other" tab on configuration and select "Add to a multi field row", then save. Keep selecting the "Add to a..." option for each field you want on the same line. When you are ready to switch to a new line, add a field on its own, or add a field and select "Start a multi field row" and repeat the process above.

Doing this will allow you to very easily lay out multiple fields on one line. On the "Other" tab there is also an option to hide the label, and one to place the label over the field. I use the "Hide label" a lot on address forms. My first field (usually City) will have a label of "City/State/Zip". The State and Zip fields will be on the same line, but their labels will be hidden. This gives a nice compact, easy to read layout.

I hope I have helped. Actually, I hope I even answered the question you were asking!!! LOL

Rick

Hi Les,

Rick's got the answer - it's also in this FAQ where I've added Rick's comment on labels.

Bob

Rick, Thank you, Yes you have answered my question and your answer seems a lot easier than the code I have been trying to write all morning. I also tried using a "Container". Your solution seems to be the simplest. This will probably solve my other post about multiple fields showing on the page when I used the 'Container"
Thanks again
Les

OK, One more, but I don't promise. Do I have to get into Containers if I want to adjust the spacing on the Multiple Fields? Four short check box fields are wrapping to the next line and the descriptions are a bit far away from the Check boxes.

http://www.tax-concepts.com/index.php?option=com_chronoforms&view=form&Itemid=150

Just to let everyone know "Radio" Buttons solved my problem. They space nicely and you can only choose one answer.