Tweet
Greetings,
Our team is designing a mobile edition of our donations form, we want it to fit various parameters, so we have configured the CSS to enable it to fit accordingly. We use Wordpress and WPTouch for our mobile site.
As I am working on our mobile donations page, I noticed that the State/Province field does not adjust to meet the country as it would on our standard page. We have the js code intact on our page code. In addition, we have two radio buttons for recurring donations. We would only like the duration to be made visible when recurring is selected. We have attached an example of the page in html.
Let me know if you need any additional details. You can also click on operationgratitude.com and select donate to see how we want the behaviors to appear.
Hope it helps.
Here's an example of the code
<div class="row"><label>Donation Type:</label><br/>
<input id="Installment" checked="checked" name="Installment" type="radio" value="" /><label for="Installment">One-Time</label>
<input id="Installment2" name="Installment" type="radio" value="999" /><label for="Installment2">Recurring</label></div>
<div id="row-recurring" class="row row-recurring"><label class="fixed" for="Periodicity">Pay Every:</label>
<select id="Periodicity" class="large" name="Periodicity">
<option value="1">2 Weeks</option>
<option value="2">Month</option>
<option value="3">2 Month</option>
<option value="4">Quarter</option>
<option value="5">6 Months</option>
<option value="6">Year</option>
</select></div>
Our team is designing a mobile edition of our donations form, we want it to fit various parameters, so we have configured the CSS to enable it to fit accordingly. We use Wordpress and WPTouch for our mobile site.
As I am working on our mobile donations page, I noticed that the State/Province field does not adjust to meet the country as it would on our standard page. We have the js code intact on our page code. In addition, we have two radio buttons for recurring donations. We would only like the duration to be made visible when recurring is selected. We have attached an example of the page in html.
Let me know if you need any additional details. You can also click on operationgratitude.com and select donate to see how we want the behaviors to appear.
Hope it helps.
Here's an example of the code
<div class="row"><label>Donation Type:</label><br/>
<input id="Installment" checked="checked" name="Installment" type="radio" value="" /><label for="Installment">One-Time</label>
<input id="Installment2" name="Installment" type="radio" value="999" /><label for="Installment2">Recurring</label></div>
<div id="row-recurring" class="row row-recurring"><label class="fixed" for="Periodicity">Pay Every:</label>
<select id="Periodicity" class="large" name="Periodicity">
<option value="1">2 Weeks</option>
<option value="2">Month</option>
<option value="3">2 Month</option>
<option value="4">Quarter</option>
<option value="5">6 Months</option>
<option value="6">Year</option>
</select></div>
Comment