Technology Tools for Ministry

Community

Web-Empowered Church User Community
All Categories > Getting Started > Templates > CSS & Mailform
Total Posts: 4 - Pages (1): [1]
user picture Author: Mary Beth Maidment
Posted: Apr 22 2008 - 07:12 PM
Subject: CSS & Mailform
msn
We are seeing some strange phenomenon when using Radio Buttons in the Mailform on our site.
http://theshed.org/index.php?id=655 is the page in question.

The CSS seems to duplicate the Field Name / Label and is also not wrapping according to the columns structure for the template. These are custom templates, and if we need to go back to our developer, we can...but I would like to know where to go to correct the CSS or embellish the CSS for the Mailform.

Also, Can more than one option be selected using the Radio button? e.g. if there is a list, can a user select more than one with the Radio Button tool?
Author: Jeff Segars
Posted: Apr 25 2008 - 12:29 AM
Subject: re: CSS & Mailform
Mary Beth,
The CSS seems to duplicate the Field Name / Label and is also not wrapping according to the columns structure for the template. These are custom templates, and if we need to go back to our developer, we can...but I would like to know where to go to correct the CSS or embellish the CSS for the Mailform.

The duplication that you're seeing is due to both a legend tag and an label tag being generated by TYPO3. Generally, your best option is to disable one of them via CSS.

Other than this oddity, the HTML output for the mailform should be pretty clean and thus easy to tweak via CSS. I know of a couple people who have worked with mailform styling lately, so I'll see if I can coax some more information out of them

Also, Can more than one option be selected using the Radio button? e.g. if there is a list, can a user select more than one with the Radio Button tool?

A set of radio buttons only allows one selection at a time. You'd normally want a grouping of checkboxes here (each with the same name) but I'm not sure that mailforms support that. Another option is to use the select type and make it a multi-select list. The downside of this is that a user has to know keyboard shortcuts to select more than one option.

A final option might be looking at some of the more robust form extensions. Mailformsplus and powermail are two that come to mind.

Thanks,
jeff
user picture Author: Mary Beth Maidment
Posted: Apr 25 2008 - 03:25 PM
Subject: re: CSS & Mailform
msn
This is great feedback, Jeff... I appreciate your responses so much...

Can you tell me where to locate the CSS that drives the Mailform? is it somewhere in our custom template setup? Or does the extension have its own somewhere?
Author: Jeff Segars
Posted: Apr 25 2008 - 03:52 PM
Subject: re: CSS & Mailform
Mary Beth,
I don't think there's actually any TYPO3-generated CSS for the mailform. It's all just HTML output and however your template chooses to style it.

As a general rule, its probably best to define this styling in your main template since it is likely to be used in many places on the site.

Thanks,
Jeff
Total Posts: 4 - Pages (1): [1]
You must login to post a message to this conference.