Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
Hmm…. I really should get the next version out of the door, which has classes for each of those element tags (radio, select, checkbox, text…) instead of a separate class/id for each individual form element.
Still, as far as styling goes, the HTML source should provide enough clues for styling, otherwise you need a CSS manual. Keep in mind though that some proprietary CSS extensions (like scroll bar colors) won’t work in Firefox.
Offline
#98 2007-01-26 11:50:59
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,308
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
ruud wrote:
Still, as far as styling goes, the HTML source should provide enough clues for styling, otherwise you need a CSS manual. Keep in mind though that some proprietary CSS extensions (like scroll bar colors) won’t work in Firefox.
you have all rights to be angry for stupids like me, but belive me ,I tried everthing and it just don’t work…. I just want to get this (radio and checkbox) floating stuff correct. please, give me a hint
Offline
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
No anger here ;)
Your classes look like this: qe4578092ee013ea8c2a5e82a64809280
Not very practical. For easier class names, you’d have to specify the ‘name’ attribute for each form element or wait for the next version (mail me for a development copy, if you want to test) which adds classes like zemRadio, zemCheckbox to the corresponding form elements.
Offline
#100 2007-01-26 13:13:49
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,308
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
ruud wrote:
Your classes look like this: qe4578092ee013ea8c2a5e82a64809280
classes, not id’s?
Not very practical. For easier class names, you’d have to specify the ‘name’ attribute for each form element
ok, I added attribute name=“toit” to checkbox (<p><txp:zem_contact_checkbox name=“toit” label=“Hommikusöök:” break=”“ /></p>)
in source it looks now like this:
<p><input type=“checkbox” id=“toit” class=“zemRequired” name=“toit” /><label for=“toit” class=“zemRequired toit”>Hommikusöök:</label></p>
and made css:
#toit checkbox{
margin-left: 0.6em;
float: right;
}
but nothing happens :( what I’m missing?
Offline
#101 2007-01-26 13:29:54
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
Classes are needed because there can be multiple forms on the same page.
Try
.toit { margin-left: 0.6em; float: right; }
Last edited by ruud (2007-01-26 13:30:41)
Offline
#102 2007-01-26 14:19:50
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,308
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
ruud wrote:
Classes are needed because there can be multiple forms on the same page.
Try
.toit { margin-left: 0.6em; float: right; }
nothing happened. but when I made:
#toit {
margin-left: 0.6em;
border:0;
float: right; }
it floats but…from text which follows not from its own label “Hommikusöök” ,it’s seems to me….???
look at yourself
ruud, where in a source you see class=“toit”?
<p><input type="checkbox" id="toit" class="zemRequired" name="toit" /><label for="toit" class="zemRequired toit">Hommikusöök:</label></p>
I see id=“toit”
Offline
#103 2007-01-26 15:02:32
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
Oops, my mistake… you’re right, it’s an ID, not a class. I accidentally looked at the label, it’s a class there.
Perhaps someone else can help with the actual styling of those elements. I fear my CSS skills are not that good.
Offline
#104 2007-01-27 01:28:07
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
Gallex wrote:
Classes are needed because there can be multiple forms on the same page.
#toit { margin-left: 0.6em; border:0; float: right; }it floats but…from text which follows not from its own label “Hommikusöök” ,it’s seems to me….???
look at yourself
That is correct behaviour: the radiobutton is floated, but not the label. You’d have to wrap the combo label+radiobutton in a span, float that one, and float the radiobutton right as well. Then you’ll have the effect you expect, if I understand you correctly.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
#105 2007-01-28 14:04:47
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,308
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
phiw13 wrote:
That is correct behaviour: the radiobutton is floated, but not the label.
yes, but how to get the checkbox label to be floated not the checkbox? that’s the main issue for me.
You’d have to wrap the combo label+radiobutton in a span, float that one, and float the radiobutton right as well. Then you’ll have the effect you expect, if I understand you correctly.
no I didn’t get…and I already have label+radiobutton wrapped in paragraph ( <p><input type=“checkbox” id=“check” class=”“ name=“check” /><label for=“check” class=” check”>Hommikusöök:</label></p> ) and floating right was absolutly unuseful.
and floating checkbox right…it floats from the text which follows not from label, unuseful as well.
somehow I managed to style the forms (I used <br> and margin-right) quite like I wanted, but it is absolutly wrong solution. if someone managed to style <txp:zem_contact_radio> and <txp:zem_contact_checkbox> correctly (label left button right) please let me know. and If somebody knows how to get border around the select form please let me know as well. thank’s
Offline
#106 2007-01-28 15:08:16
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
Gallex, I can’t read Estonian, but I’m guessing that those radio buttons are used to indicate the preferred contact method. If so, have you considered putting “Contact me” in the left column of the table and using radio options “by telephone” and “by email” in the right column. That way you don’t have to switch label and radio option.
A similar thing can be done with the checkbox option: “Hommikusöök” in left column and radio options “yes” and “no” on the right side.
It’s not an answer to your question, but a different approach.
Last edited by ruud (2007-01-28 15:08:41)
Offline
#107 2007-01-29 03:28:49
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
jm, I can’t find that semi-colon in the 4.0.3.18 version… which version are you using?
- Would a <div id=“zemThanks”> thanks message </div> be okay?
- It’s probably possible to add an anchor automatically to get to the right place on the page when pressing submit…. but where should the anchor point? To the place where errors are displayed or to the place where the thanks message is shown?
Must’ve been from copy/pasting (was changing the ID – CSS file was too far away) – I downloaded a new one and it works fine.
zemThanksis great!- For the anchor, I think it should use an
idon theform. I don’t remember if the<form>stays around when the thanks message appears, so I guess in that case#zemThankswould work better.
Offline
#108 2007-01-29 08:18:29
Re: Plugin: zem_contact_reborn 4.0.3.18 (old version)
I’m using an automatically generated ID as the anchor. Not just for displaying the thanks message, but also to scroll down to the form if an error occurs. Only exception is when people have a separate error form, because then it’s impossible to know where to scroll to (errors can be below or above the input form).
Offline