Hi,
It seems you only adjust for left section, try to replace with this style :
/*this is for left section*/
#li_7,#li_9,#li_8,#li_10{
float: left;
width: 45%;
clear: both;
}
/*this is for right section*/
#li_22,#li_24,#li_20,#li_11{
float: left;
width: 45%;
}
/*this is for element after line up*/
#li_34 {
clear:both;
}Brilliant - that did the job - thanks !
Hi,
Do you have an expected date when the script will have the ability to arrange fields on the horizontal? This seems like it would be a very popular feature.
Thanks,
Brian
Hi, how does this work for the last questions on the form? That is, what list item code do you use to close off the series of coding?
Thanks!
hi kathleen, can you explain me more about what you need? Are you having problem with your last field?
Sorry, simple mistake- I figured it out. Thanks though!
I have this form here: http://www.pagetraffic.com/machform/view.php?id=1
I want the check boxes two each in one lines instead of one each (Under What service(s) are you interested in? Choose all that apply. *)
Also these two in same line:
When would you like to begin using our service? *
Select a budget (approx will do)
Please let me know what code to use?
Look here: http://www.appnitro.com/forums/topic/radio-buttons-on-same-line?replies=14
It is about radio buttons, but at posting #6 it describes how to do check boxes.
By the way, your link goes to error 404.
S
Sorry, I changed the folder name to http://www.pagetraffic.com/form/view.php?id=1
Hi yuniar!
I followed the links you send me earlier and it looks like it very usefull info.
The only problem I have is, where to find the html so i can locate the #Li numbers so i can place fileds beside eachother, using float en width.
I look at the "embed file" but thats an inline frame with a link to a "php?=id"
On my site I have a folder machform and in there i located data, and in there a couple of form maps, but they contain only css and no html
Can you help??
;-)
Cheers Mark
Hi Mark!
The easiest way, go to your MachForm admin panel and click "View Form".
You can then view the HTML source of your form by right-click on the page and select "View Page Source"
Brilliant!! Found it,
Thanks Mark
I'm about to do this for my form - but I have multiple forms I use with the MachForm. I think this will change the format of all forms using this, right?
Is there a way to specify a different CSS file or perhaps name the section I want to format?
thanks in advance.
Andrew
Hi Andrew,
The change will not applied in all forms. Every form has their own CSS file, you just need to select the form in machform admin and go to "edit css" menu
Ok, I added the code as shown on the first page and only one line went into double column... Every other column is still the same as before.
http://www.crossroadscommunications.org //Notice Start Time and End Time are the only two that doubled up, Even above it, simlar dates are still stacked? HELP! :)
nm....... :)
I understand the concept and just tried this, exactly as show on the first page of this thread:
#li_2{
float: left;
width: 35%;
clear: both;
}
#li_3{
width: 55%;
float: left;
}
#li_4{
clear: both;
}On my form, li_2 is a "Primary phone" and li_3 is "Alternate phone". li_4 is a radiobutton with 2-choices (YES and NO - would be nice to get a default button with these 2-choices).
The end result was that while both phone numbers appear on 1-line, the area li_2 was originally using was overlapped by li_4/radiobutton field, making the 2-phone number fields inaccessible. When you clicked on the radiobutton field, the underlying yellow area overlays the 2-phone number fields.
is it possible to post your form url in here ? so I can see it directly
I figured it out. In my case, the elements were not sequential. I thought the form editing process would always show the proper sequence (li) number, but it did not.
The two phone number fields were li_5 and li_6 but the next form, being the radiobuttons, was li_9, which I discovered after reading through the generated code in the iframe.
I would have thought the form editing process would show the proper sequence number. It would have been much easier to add the code to the CSS file.
I was wondering if it is possible to do this process with Section Breaks.
I have been able to pair up multiple fields, but one I try this with section breaks I can't get any to Float to the left.
Any help is appreciated
You must log in to post.