Josh Davis

Automatically converts Contact Form 7 quiz labels into HTML5 placeholders (like the “Watermark” feature in CF7, which is missing for quizzes). Includes Modernizr to add placeholder support to Internet Explorer.

Contact Form 7 Quiz Placeholders

Automatically converts Contact Form 7 quiz labels into HTML5 placeholders (like the "Watermark" feature in CF7, which is missing for quizzes …

johanvandemerwe

This plugin contains a widget that can be used to show placeholders on widget areas where you still have to do some 
work. It uses the webservice of “www.placehold.it” to generate the image.
This plugin comes in handy if you have a customer that you would like to show the layout of his upcoming website 
and can use placeholders to show him the proportions and with the use of text, what comes where.
You can customize the text and the colors, 
and you can add wrappers and wrapper classes. The settings page makes it possible to work with default values of your 
own choice.
This plugin owes credits to: Tareq Hasan for I have used his Settings Class for the settings page. 
http://tareq.weDevs.com Tareq’s Planet
After the plugin is activated you can start immediattely adding widgets, but you could also have a look first 
at the plugin’s options that can be found in the settings menu of WordPress.
Here you can change the defaults that are used when you add a new widgets. But remember that any widgets that are 
already set, will not automatically get any changes you’ve made to the defaults. Changes only apply to widgets 
configured after you’ve changed the default values of the plugin.
This plugin has been developed and tested with WordPress version 4.3.1
<h3>additional classes</h3>
You can also add some classes before and after the widget, to match it with your own development CSS.
<h3>bootstrap</h3>
If your site supports bootstrap, you can use the bootstrap classes in the wrappers (f.e. “col-md-6”). To make sure 
that the placeholders are nicely filling the space you should make the dimensions a lot bigger than the size of the 
column, bootstrap css will make that the placeholders fit in the columns.
You can use the “img-responsive” class as well to make sure that the placeholder will resize responsively.
<h3>Limitations</h3>
This plugin requires internet connection
Coding by: <a href="http://www.enovision.net" rel="nofollow ugc">Johan van de Merwe</a>
This plugin nor the creator of this plugin is affiliated with the developers of www.placehold.it. 
The plugin comes as it is and is depending on the availability of the www.placehold.it webservice.
<h3>What this plugin is not</h3>
With this plugin you can place placeholders with text or dimensions, that’s it. No images of cats, dogs or pizza’s. 
Just boring looking placeholders. The developers have no intention to develop this plugin any further than that. 
For placeholder plugins with cats, dogs or pizza’s, you have to look for another plugin. The placeholders in this 
plugin are just for development and preview purpose only and are not meant for keeping them on your final production 
website, nor can it be used for placeholding in case real images don’t exist.

Placeholder it

Add placeholders easily to widget areas during site development, with many options

Contact Form 7 Quiz Placeholders vs Placeholder it