| Post |
|
Guest
| Tony 10:02 am January 5, 2008
| |
|
|
Please replace the ??? with your data!
- Your URL: http://???
- The browser used: ???
- cforms version: 7
- Your Wordpress version: ???
Hi, I wish to re-locate the "require" html code to infront of "label". Currently, the require is located after the input area. Example of what I want :
Name * —Input Area—
The asterisk mark will the the require text that I am going to enter. I understand tht I can add a HTML (ie<font….) to the label field but this will break the variable that I am going t use in the Auto confirmation.
Any advise.
Thanks in avance
|
|
|
Admin
| Oliver Munich, Germany posts 6094 10:51 am January 5, 2008
| |
|
|
|
|
Guest
| Tony 4:05 pm January 5, 2008
| |
|
|
|
|
Admin
| Oliver Munich, Germany posts 6094 4:48 pm January 5, 2008
| |
|
|
Tony, you have three options, with no. 3 being the recommended one.
- Move the form elements around via CSS:
- float the required field and input field to the right and the label to left
- set all margins for (input, required field and label) appropriately
- Modify the source code to 'physically' change the order of elements
- Use CSS backgrounds to change the respective label ID's look
- Activate LABEL ID's in the Styling Menu
- Add specific CSS to your cforms CSS theme, e.g.
#label—2 { background: url(req-bg.gif) no-repeat right top; }
|
|
|
|
|
Guest
| Tony 6:14 pm January 5, 2008
| |
|
|
Hi Oliver,
Thanks for your recommendation.
For Option 3, the asterisk mark is not based on my form setting but rather just to hardcode the label. I may create other forms as well so this method may not be feasible.
For Option 1, it will mess up the CSS a lot.
I would like to go for option 2 but any idea where should I make changes. I believe it is under cforms.php but can you guide me which line I need to change.
Your assistance is very very much appreciated.
Thanks
|
|
|
Admin
| Oliver Munich, Germany posts 6094 9:01 pm January 5, 2008
| |
|
|
Yes it be in cforms.php, but I can't provide you any support in customizing it to your specific needs.
The only rough guide-line would be to search for <label and move that part of the code after the <input fields get added.
Considering a future upgrade path, this frankly would be the least favorable approach.
|
|
|
|
|
Admin
| Oliver Munich, Germany posts 6094 9:10 pm January 5, 2008
| |
|
|
By the way why not do something like this:
Message<span class="m">*</span>
The corresponding variabel name would be:
{Message<span class="m">*</span>}
not pretty, but it works like a charm.
EDIT: It works in the TXT part of the (admin/confirmation) emails, not in the HTML part yet – there seems to be a tiny bug.
I'll fix it tomorrow and can send you an update per email.
|
|
|
|
|
Guest
| Tony 2:31 am January 6, 2008
| |
|
|
Hi Oliver,
Yes, initially, I did what you have suggested and place the whole string in admin/confirmation/html and it can't work. That is why I asked whether there is any alternative way.
Glad that you are fixing it.
Thanks for such a beautiful plugin and your support.
Regards
|
|