Can I change the size of the E-Sign Pop-Up?

Yes, the size of the E-Sign Pop-Up can be changed by modifying the HTML. To change its size, follow the steps below:

  1. Get the existing default HTML Styles output by our software (i.e. generate a form, right click in the form viewer and select View Page Source, and copy the section starting with <style type="text/css" media="all">  and ending with </style> 

  2. Search for “#prepareToSignDialog” and modify it by changing the width value to 95% (or desired size) and adding a height value of 95%

  3. Next, in that same section add “!important” after each value so your entry looks like this:

    #prepareToSignDialog { position:absolute; left:0; right:0; width:95% !important; height:95% !important; margin-left: auto; margin-right: auto; height:auto; background:white; border: 5px solid #557db8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; align: center 5px; overflow-y:scroll; height:400px; } 


  4. Now add your modified styles to the HTMLStyles property in the Quik! Forms Engine. The HTMLStyles property will use your CSS instead of the default. Be sure to use the entire section with open/close tags for the style element


The “!important” attribute will cause your settings to override any other default settings in the styles that are added by our software. When you do this you should see the e-sign popup change. Below is an example:

ORIGINAL STYLE

MODIFIED STYLE

For help regarding Quik! Forms and the Quik! API
Email: support@quikforms.com | Phone: (877) 456-QUIK