Welcome, Guest. Please login or register.
Did you miss your activation email?
May 27, 2012, 04:10:51 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155555 Posts in 21715 Topics by 7737 Members
Latest Member: gx-world
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: Form Module Problem: weird appearance of checkboxes  (Read 611 times)
LuuQ

Offline Offline

Posts: 96



WWW
« on: March 02, 2008, 09:42:57 PM »

Hi,

I have a problem with the Form Module.
When I want to make Checkboxes, then it will be displayed like this:



As you can see, the boxes are not on a line.
How can I fix this.

I'm using the andreas00-Template of Andreas Viklund.

It would be great if someone could tell me how to solve this problem
Logged
Ruud
WebsiteBaker Org e.V.

Offline Offline

Posts: 2298



WWW
« Reply #1 on: March 03, 2008, 12:33:09 AM »

Just use as a seperator between all options a <br>.
That will show all options below eachother.

Cheers
Logged

Professional WebsiteBaker Solutions
LuuQ

Offline Offline

Posts: 96



WWW
« Reply #2 on: March 03, 2008, 08:14:35 PM »

Oh, I already tried, but that doesn't have an influence.
Also when I use two <br>, there's only the distance between the lines which grows.



As you can see on the screenie, when you click on the checkbox, the selection is much wider than
the checkbox itself.

If you want to have a view, here's the form:
http://www.seifenkistenderby.ch/pages/derby-2008/personal/anmeldung-personal.php

Thank you for all your efforts!

Greetings, Lugae
Logged
BerndJM

Offline Offline

Posts: 1764



« Reply #3 on: March 03, 2008, 08:49:40 PM »

Hi,

a definition in your css gives all the input elements a fix width, this takes also effect for the checkboxes. You have to overwrite this value for the input type checkboxes.
Easiest way would be:
Have a look at the generated source code, there you see, that for the checkboxes a class "field_checkbox" is defined. Define a width for this class in your css. That's all (I hope tongue)

Regards Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
LuuQ

Offline Offline

Posts: 96



WWW
« Reply #4 on: March 03, 2008, 10:24:54 PM »

That was the point!
It's perfect now.

I had to add the following CSS-Code to the view.php of the form module:

.field_checkbox {
width: 13px;
margin-right: 10px;
}

Thank you very much for this excellent support.

Good night, Lugae
Logged
BerndJM

Offline Offline

Posts: 1764



« Reply #5 on: March 03, 2008, 10:51:42 PM »

Quote
I had to add the following CSS-Code to the view.php of the form module:

Please keep in mind that changes in the core files could be overwritten during an update.
Maybe it's the "better" way to define this in the templates css file.

Regards Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
LuuQ

Offline Offline

Posts: 96



WWW
« Reply #6 on: March 04, 2008, 01:17:27 PM »

Thanks for this.
I fixed it now.
Logged
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!