Forgot your password? Forgot your username? Create an account

 
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Form Formatting

Form Formatting 10 months 1 week ago #14117

  • CrafyChick
  • CrafyChick's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Is there a way to get multiple form fields on one line? For example, I'm using radio buttons to ask the user to select their preferred method of contact. These options are currently appearing vertically, but I'd like them to display horizontally so the form doesn't look so long. I'd also like to combine the city, state and zip code fields on the same line to make the form look a little shorter. Can this be done and if so, how?

Thank you in advance for your help.
The administrator has disabled public write access.

Re: Form Formatting 10 months 5 days ago #14127

  • so.sandic
  • so.sandic's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
  • Karma: 0
I have same need. Suppose that somewhere in some php file need to be in form row generation instead div put   and the will radio buttons appear in the one line. But I am not sure where to do that. Messing with code could be complicated, and I am not sure this is even possible solution. If I find it out, i will post solution. In the meantime if someone knows how to do it in easier way, it would be great to share it with us. ;)

P.S. This is very useful extension, tnx for good work!
Last Edit: 10 months 5 days ago by so.sandic.
The administrator has disabled public write access.

Re: Form Formatting 9 months 1 week ago #14224

  • CrafyChick
  • CrafyChick's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Has anyone found a solution for form formatting? I'm anxious to get the website completed but am still searching for a way to format the form so it looks cleaner and more professional.
The administrator has disabled public write access.

Re: Form Formatting 9 months 5 days ago #14247

  • deevan
  • deevan's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
I wanted two radio buttons on one line. I use them for gender. I did the following to achieve that:
Profiel > edit css

and add this css code:

div#div_aics_gender0
{
float:left;width:20%;
}
div#div_aics_gender1
{
float:left;width:20%;
}

Note that you do not need to use the percent, you can use px instead. Be aware though that:

div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_right
{}

is wide enough to have the different buttons align horizontal.


Hope this is of help to anyone
The administrator has disabled public write access.
  • Page:
  • 1