Follow

HTML template for responsive surveys in iPhone or other 320px width device

The following is a general format for surveys at 320px width.  Requirements are that it be a single column and input fields are on a new row after labels.  This ensures that the date pickers will not appear outside of the view port. 

See example screenshot below:

 

<table align="left" border="0" cellpadding="1" cellspacing="1" valign="top" width="320">

<tbody>

<tr><td>Start Date:</td></tr>

<tr><td style="padding-bottom:20px;">[start_date_control]</td></tr>

<tr><td>End Date:</td></tr>

<tr><td style="padding-bottom:20px;">[end_date_control]</td></tr>

<tr><td>How many hours did you serve?</td></tr>

<tr><td style="padding-bottom:20px;">[Hours][DREGION::value="required"::Hours] <span style="color: red;">*required</span>[/DREGION]</td></tr>

<tr><td>Describe the&nbsp;Service Performed:</td></tr>

<tr><td style="padding-bottom:20px;">[Service Performed]</td></tr>

<tr><td><input name="ok_button" type="button" value="OK">&nbsp;<input name="cancel_button" type="button" value="Cancel"></td></tr>

<tbody>

</table>

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk