I cant validate a field that have class...
Example:
Why?
The result of html is:
(I know, if I want, I can make style to this field, but I want this feature was embed...)
Edited to add code tags.<br><br>Post edited by: GreyHead, at: 2007/12/29 18:40
Example:
<input name="fullname" id="fullname" type="text" size="30" maxlength="100" class="inputbox" />
This doesn't work properly if I enable the validation of this field.Why?
The result of html is:
<input class="required" name="fullname" id="fullname" type="text" size="30" maxlength="100" class="inputbox" />
In other words, if validation is enabled, the component fill with other class: class="required".
(I know, if I want, I can make style to this field, but I want this feature was embed...)
Edited to add code tags.<br><br>Post edited by: GreyHead, at: 2007/12/29 18:40
Hi muneo,
I'm afraid that at the moment ChronoForms will create a new class entry as you've discovered. This may be changed in a future release but probably not very soon.
You can probably change your css a little to get round this. Perhaps wrap the form in a div with class="formdiv" and then use .formdiv input to style with??
Bob
I'm afraid that at the moment ChronoForms will create a new class entry as you've discovered. This may be changed in a future release but probably not very soon.
You can probably change your css a little to get round this. Perhaps wrap the form in a div with class="formdiv" and then use .formdiv input to style with??
Bob
I follow your idea, I created a class to form.
Something like that:
Post edited by: Muneo, at: 2007/12/30 21:22<br><br>Post edited by: GreyHead, at: 2007/12/30 22:29
Something like that:
<div id="form-chrono">
<label for="fullname">FullName</label><br />
<input name="fullname" id="fullname" type="text" size="30" maxlength="100" />
<br />
<br />
<label for="cellnumber">Cell Number</label><br />
<input name="cellnumber" id="cellnumber" type="text" size="11" maxlength="14" />
<br />
<br />
<label for="email">E-mail</label><br />
<input name="email" id="email" type="text" size="30" maxlength="100" />
<br />
<br />
<label for="problem">Describe your problem:</label><br />
<input type="text" name="problem" id="problem" />
<br />
<br />
{imageverification}
<br />
<br />
<input type="submit" value="Send" id="send">
</div>
And css:.inputbox, #form-chrono input {
border: 1px solid #CCC;
}
.button, #form-chrono #send {
cursor: pointer;
border: 1px solid #999;
color: #000;
padding: 1px 3px;
}
Thank you. This component is incredible!
Post edited by: Muneo, at: 2007/12/30 21:22<br><br>Post edited by: GreyHead, at: 2007/12/30 22:29
This topic is locked and no more replies can be posted.