When i add bootstrap button class, like..
[submit class:btn btn-main btn-lg "Send"]
on browser i see it show only one class add.
<input class="wpcf7-form-control wpcf7-submit btn" >
I need others 2 class add also Help Me..
If I remember correctly, you need to add the class attribute to each one.
Try this instead:
[submit class:btn class:btn-main class:btn-lg "Send"]
Also CF7 used to have bug: if you put "class:" after "Send" nothing is added.
Have also just discovered if you put classes after a placeholder it doesn't work for some reason but putting it before does:
[text* your-name class:ast-col-xs-12 class:ast-col-sm-12 class:ast-col-md-6 class:ast-col-lg-6 placeholder "e.g. Joe Bloggs"]
Related
I put a check box on the input function to make a secret comment on one post and put a secret comment function.
The first post was applied without any problem, but the problem is that when I put a secret comment on the second post and click on the check box, the first check box is selected. If you click on the check box of the third post, the check box of the first post is selected. And I think it's a check box problem, but how do we solve this problem?
I didn't seem to explain well, so I brought it to the picture to see what my post looked like....;D
https://imgur.com/dCgA1Z7
<form action="#">
<p class="secretWrap">
<label for="secret">
<input type="checkbox" id="secret" class="checkbox" name="secret" />
<span>SECRET</span>
</label>
</p>
</form>
https://jsfiddle.net/4wd56t7a/
It's because you're using the same 'id' and 'for' attributes on both of your checkboxes. They need to be unique or else you're associating that label with the first instance of the id.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
I'm new to wordpress and I am using Contact Form 7 for a form on the website. At the bottom of the form, I've added recaptcha and then the send button. I want to add a SPACE between the end of recaptcha and the form.
What code should I add there?
The code looks like this.
[recaptcha]
[submit "Send"]
And the screenshot looks like this.
Thanks in advance!
As Fralec_ pointed out, you can use a line break <br /> between the shortcodes to nudge the "Send" button down:
[recaptcha]
<br />
[submit "Send"]
Alternatively, if you want more control over the spacing, I would suggest wrapping the "Send" button inside a <div> with inline styling applied to it (change the 20px value accordingly), like this:
[recaptcha]
<div style="margin-top: 20px;">
[submit "Send"]
</div>
Resources
CSS Margins
You can try this:
[recaptcha]<br/>
[submit "Send"]
When customising the look of a checkbox using CSS, to be able to work the magic we first need to link an element (eg. label) to the checkbox.
<label for="toggle-1">Do Something</label>
<input type="checkbox" id="toggle-1">
However I am using Contact form 7 (wordpress plugin) and I cannot find where to add the id within the checkbox. If you specify an id in CF7 it adds it to the containing div (.wpcf7-form-control), and not the checkbox itself.
Therefore I can't get it working.
Am I missing something? is there another way to link the label and the checkbox?
Many thanks
The format used by Contact Form 7 is a little different from your HTML, but there are some targeting options that should be sufficient to grab any element you need.
When creating your form, you'll generate a checkbox shortcode that looks something like this.
[checkbox my-checkbox id:my-checkboxes use_label_element "foo" "bar"]
This code will generate:
A set of two checkboxes
Each of the two is wrapped in a <label> element (the text itself is in a <span>)
A parent element with the id="my-checkboxes"`
So the output markup will look something like this (along with some wpcf7 and Wordpress classes).
<span id="my-checkboxes">
<label>
<input type="checkbox" value="foo" /><span>foo</span>
</label>
<label>
<input type="checkbox" value="bar" /><span>bar</span>
</label>
</span>
Since you have an ID on the parent element, you can target this specific part of the form and elements within it using selectors in CSS or JQuery.
For example #mycheckboxes > label > input and #mycheckboxes > label > input + span.
For better targeting options, you can also create one checkbox per shortcode and assign an ID to each <span> checkbox container.
[checkbox my-checkbox id:a-checkbox use_label_element "foo"]
[checkbox my-checkbox2 id:another-checkbox use_label_element "bar"]
Since you're ultimate goal is to feed the information into Contact Form 7 (presumably to email it somewhere), it doesn't matter if you create each checkbox with a separate shortcode.
I know the process of creating a normal Contact Form using Dreamweaver CS6.
But for my contact form, I don't want labels like Name: Email: Message:
I want to state the label inside the textfield as initial value. When you click on the Name Textfield, the "Name" label disappears.
How do I make this effect?
You need to use the placeholder attribute in your input tag.
<input type="text" ... placeholder="First Name">
In Dreamweaver, you can find this attribute in the properties panel:
You can use place holders in the fields boxes but i do not recommend that.
here is a link.
http://www.pardot.com/faqs/forms/placeholders-and-labels/
if you dont want a label outside the input this is how it is normally achieved:
<input type="text" placeholder="Label Goes Here!">
if you notice when you input text it will dissapear and when you remove your text the placeholder will re appear!
i had an image which i want to be displayed instead of submit button. But i don want document.form.submit();
i.e
<input type="submit" value="" style="background:url("../images/submit.jpg");">
somewhat like this ... but m not getting it :(
so wat m i missing ?? plz help
There is an input type="image" for that.
Otherwise though, try to use single quotes inside the style argument.