MachForm Community Forums » MachForm 3

1. timothykrulan
   Member

   If possible, some of the fields like phone number should auto-tab to the next box after you've typed your 3-number area code, for example. Saves keystrokes and time.

   It would be great to have a larger image field - like the signature, but larger so the user could enter a sketch, specificlly when the user is on a tablet/ipad

   Thanks

   Posted 12 years ago #

2. AMurray
   Pro Member

   Not sure about the auto-tab between the three sections in a phone number, and I don't fully understand what you mean by "enter a sketch" - I assume you mean ability to sign the form signature field on a tablet / smart phone with a stylus/pen? The upcoming release (beta out approximately in January) will have mobile-device friendly forms.....maybe that is what you are after?

   http://www.appnitro.com/forums/topic/v34-preview-mobile-friendly-forms?replies=22

   Posted 12 years ago #

3. timothykrulan
   Member

   Thanks for the reply. the sketch idea would be to allow the user to "sketch"a drawing and submit it with the form.

   We are designing a set of forms to collect inspection reports in the filed by a set of technicians. It woul dbe great if they could enter a sketch of some components or itmes. Sometimes a picture is worth a thousand words.

   Thanks

   Posted 12 years ago #

4. shannonrobertson
   Member

   Depends how brave you are, I just made the large signature box a bit larger, because we needed the same thing for tablet quotes.
   *disclaimer These modifications are still being trialed and do so at your own risk.

   add this to root/view.css around line 1159
   

   .mf_sig_wrapper2 {
   	border-radius: 10px;
   	border: 1px solid #ccc;
   	width: 575px;
   	padding-bottom: 0px !important;
   	padding: 3px !important;

   change lines 324 - 337 in view-functions.php to
   

   if($element->size == 'small'){
   				$canvas_height = 70;
   				$canvas_width = 309;
   				$line_margin_top = 50;
   				$sigCSS = 'mf_sig_wrapper';
   			}else if($element->size == 'medium'){
   				$canvas_height = 130;
   				$canvas_width = 309;
   				$line_margin_top = 95;
   				$sigCSS = 'mf_sig_wrapper';
   			}else{
   				$canvas_height = 700;
   				$canvas_width = 575;
   				$line_margin_top = 0;
   				$sigCSS = 'mf_sig_wrapper2';
   			}
   
   			$signature_markup = <<<EOT
   	        <div class="{$sigCSS} {$element->size}">
   	          <canvas class="mf_canvas_pad" width="{$canvas_width}" height="{$canvas_height}"></canvas>

   and change lines 197- 210 in view_entry.php to
   

   if($data['element_size'] == 'small'){
   												$canvas_height = 70;
   												$canvas_width = 309;
   												$line_margin_top = 50;
   											}else if($data['element_size'] == 'medium'){
   												$canvas_height = 130;
   												$canvas_width = 309;
   												$line_margin_top = 95;
   											}else{
   												$canvas_height = 700;
   				 								$canvas_width = 575;
   												$line_margin_top = 500;
   											}
   
   											$signature_markup = <<<EOT
   									        <div id="mf_sigpad_{$element_id}" class="mf_sig_wrapper {$data['element_size']}">
   									          <canvas class="mf_canvas_pad" width="{$canvas_width}" height="{$canvas_height}"></canvas>

   Now you have one considerably larger large sketchpad while the small and medium still remain the same.

   Posted 12 years ago #

5. timothykrulan
   Member

   Thanks - I will test these mods as we move forward.

   Posted 12 years ago #

RSS feed for this topic

Reply

You must log in to post.