Here are some extra bits and pieces that might be useful to tweak your install of SpeakOut! Email Petition
The following attributes may be applied when using the
The ID number of your petition (required). To display a basic petition, use this format:
This sets the width of the wrapper
<div> that surrounds the petition form. Format as you would a width rule for any standard CSS selector. Values can be denominated in px, pt, em, % etc. The units marker (px, %) must be included.
To set the petition from to display at 100% of it’s container, use:
A petition set to display at 500 pixels wide can be achieved using:
This sets the height of the petition message box (rather than the height of the entire form). Format as you would a height rule for any standard CSS selector. Values can be denominated in px, pt, em, % etc. The units marker (px, %) must be included.
A few notes on using percentages:
Using a % value only works when the “Allow custom messages” feature is turned off—because the petition message will be displayed in a
<div>. When “Allow custom messages” is turned on, the petition message is displayed in a
<textarea>, which cannot be styled with % heights. Use px to set the height on petitions that allow message customization.
To set the message box to scale to 100% of the height of the message it contains, use any % value (setting this to 100%, 0%, 200% or any other % value has the same result). Use px if you want the box to scale to a specific height.
[emailpetition id="1" height="100%"]
Sets the width of the outer progress bar. The filled area of the progress bar will automatically scale proportionally with the width of the outer prgress bar. Provide a numeric value in pixels only. Do not include the px unit marker.
To display the progress bar at 300 pixels wide, use:
[emailpetition id="1" progresswidth="300"]
Adds an arbitrary class name to the wrapper
<div> that surrounds the petition form. Typically used to assign the alignright, alignleft or aligncenter classes to the petition in order to float the petition form to one side of its container. To assign multiple classes, separate the class names with spaces.
[emailpetition id="1" class="alignright"]
[emailpetition id="1" class="style1 style2"]
SIGNATURELIST SHORTCODE ATTRIBUTES
The ID number of your petition (required). To display a basic signature list, use this format:
The number of signature rows to display in the table. This will override the default value provided on the Settings page. To display 10 rows, use:
[signaturelist id="1" rows="10"]
Format of values in the date column. Use any of the standard PHP date formating characters. Default is ‘M d, Y’. A date such as “Sunday October 14, 2012 @ 9:42 am” can be displayed using:
[signaturelist id="1" dateformat="l F d, Y @ g:i a"]
The text that displays in the previous signatures pagination button. Default is <.
[signaturelist id="1" previousbuttontext="<<"]
The text that displays in the next signatures pagination button. Default is >.
[signaturelist id="1" nextbuttontext=">>"]
Display the number (as text) of signatures collected for a given petition:
Want to promote your petition on another page? You can use shortcodes. For example Please sign our petition, our target is [signaturegoal id="1"], we have [signaturecount id="1"] so far. becomes
Please sign our petition, our target is 350, we have 283 so far.
this is live data from the petition on this site.
It is possible to use the petition title anywhere on your site by using the shortcode [petitiontitle id="1"] e.g. We have a new petition: [petitiontitle id="1"]
We have a new petition: Demo petition
You can display the petition message anywhere on your site by using the shortcode [petitionmessage id="1"]. Note that markdown doesn’t work. e.g. Here is our petition: [petitionmessage id="1"] – please sign it here
Here is our petition (blockquote added for effect):
This is the message that is sent to someone e.g. the mayor. It could be anything you like and there is an option to either lock it or allow senders to edit. The message is set up in SpeakOut! > petitions > edit in your WordPress dashboard. # SpeakOut! features include:
- support for Markdown Syntax so that the message can be formatted with _italics_ or **bold** text, or a heading, like above. - many phrases are customisable by admin - optional confirmation of signatures - set a goal for signatures and display a progress bar - set an expiration date - optionally display and include address fields in the message - redirect to URL after successful signing - one additional optional custom field - optional newsletter sign up - shortcode to display a list of signatures - shortcode to display signature count - shortcode to display signature goal - optional privacy to only display first letter of surname - optional BCC message to signer - multiple languages - import petitions and signatures from legacy speakup plugin - more... - plus great support through plugin site on WordPress.com
– please sign it here