Hello, I'm wondering if it's possible to add the text "required fields" next to an asterisk every time it appears?
Also, is it possible to shorten the input line of a single line text field?
Lastly, is it possible to have part of the field label not be bold?
Many thanks.
For the required field asterisk check this out:
http://www.gravityhelp.com/forums/topic/any-way-to-change-the-required-field-asterisk-to-something-else#post-10911
Yes you can short input lines via css, each input has it's own ID if you want to set this width uniquely or you can do it globally with a more generic selector.
http://www.gravityhelp.com/documentation/page/Design_and_Layout
You can place html in the label, so you could put a span with a class around the word or words you don't want to be bold and apply font-weight:normal to that class.
Let me know if you run into any snags.
Thanks for responding so quickly. :-)
To use:
'<script type="text/javascript">
jQuery(document).ready(function() {
$(".gform_wrapper .gfield_required").html("* required field");
});
</script>'
In which file do I put that in?
I didn't realize I can put html into the label directly? I'll get that a try.
Thanks!
To use scripts you'll need to place those into your theme. Usually in a seperate file, but you can place them directly into the head or the footer as well. Each theme is different, so you could always consult your theme creator as well.
Thanks for linking me to the Design and Layout page. How do I go about adding .small to a specific field? I added it to the CSS Class Name but that didn't seem to work unless it's not showing up for some reason.
I'm also having some trouble with the html. If I enter: Billing Address (where your credit card company mails your credit card statement) :</p>. It doesn't show up formatted even though that's html, right?
Thanks again.
Can you post a link to your form by chance?
I got the script to work. I'm very familiar with WordPress just not how this plugin works :-)
Here's the link to the form I'm working on.
http://tinyurl.com/7w4lyxh
(1) I'd like the expiration date to be dropdown fields and just include month and year. Is that possible?
(2) I'd like some of the lines to show up shorter, like for "security code." (assume this uses .small, et cetera.)
(3) I'd like to move the submit button to the right of the captcha.
(4) I'd like to combine the final two checkboxes making them both required. I didn't see an option to enable that both must be required, only one.
Many thanks.
For your date field - I believe for now you'll just need to use two drop downs side-by-side that list the months and years you want to have. Thankfully, this is a short list you'd need to create since there are only 12 months and for the year I'd imagine you'd only need about 10-12 years listed there since it's for a CC expiration. BTW - are you going to be placing this form on a secure URL?
For your class of small, you have a dot in there that you need to remove, it should just be "small"
However, each input already has it's own unique id so you could just use this:
[css]
#input_1_3 {
width: 40px;
}For the submit button you could try this out:
[css]
.gform_footer.top_label {
float: right;
clear: none;
}After that, you'd then need to "clear:both;" that paragraph text you have below the form.
For the checkboxes, why don't you just combine the two sentences into one?
Thanks for your help!
I entered .small because that's what it says in the documentation "Additionally, for many of the individual fields, there are classes of .small, .medium and .large."
I just have one last remaining question and that's about the field name and having part of it being bold and part of it not bold. I'd like to have that for <label class="gfield_label" for="input_1_4_1">
There is a flexible SSL certificate through Cloudflare right now through global sign. http://tinyurl.com/7qa6lwc
Thanks again.
In the label in the form builder, try doing something like this:
Billing Address <span class="nobold">(where your credit card company mails your credit card statement) </span>:
Then you could drop this into your CSS:
[css]
span.nobold {
font-weight: normal;
}Hi Rob, that didn't work. Please see screenshot: http://wpexpert.us/wp-content/uploads/gpsform.png .
Thanks.
Gotcha, what if instead of doing that - you just use Billing Address as the label. Then the other text as the description of the field? Would that work.
That would work as well. I originally thought that the description field could just be displayed below the input fields but that's not the case. Thanks again for your help.
Awesome, no problem!
