Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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


...