Smart PDF Form: Size and Alignment Resizing

  • llofland
    Asked on May 26, 2025 at 12:18 PM

    I have been attempting for hours to size my check boxes and align them horizontally and vertically. I have attempted CSS without success, jotform is not applying the css. I have attached a screen shot as well:

    Here is my css:

    /* Style the checkbox container */

    .form-checkbox-item {

     display: flex !important;

     align-items: center !important;

     justify-content: center !important;

    }


    /* Style the checkbox input */

    .form-checkbox-item input[type="checkbox"] {

     width: 25px !important;

     height: 25px !important;

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none;

     background-color: white !important;

     border: none !important;

     cursor: pointer;

     display: inline-block;

     vertical-align: middle;

     margin: 0 8px 0 0 !important;

    }


    /* Style the checked state */

    .form-checkbox-item input[type="checkbox"]:checked {

     background-color: #333 !important;

    }


    Jotform Thread 27342931 Screenshot
  • Kyle JotForm Support
    Replied on May 26, 2025 at 12:29 PM

    Hi Larry,

    Thanks for reaching out to Jotform Support. Unfortunately, Jotform doesn't allow direct resizing of checkboxes using CSS. To fix the size of your checkboxes, you'll need to manually resize them by moving your cursor over the PDF side of the screen—this should allow you to position and resize the checkboxes exactly the way you want them. You can also clone it so you can easily place them on your PDF. Check out my screencast below: Smart PDF Form: Size and Alignment Resizing Image 1 Screenshot 20 Give it a try and let us know if you have any other questions.

  • Larry
    Replied on May 26, 2025 at 12:47 PM

    Ok thank you. I was using the corner “handles” to resize and align. The screen shot that was attached is the result of that. I am at a loss with these functions

  • Jefferson JotForm Support
    Replied on May 26, 2025 at 1:02 PM

    Hi Larry,

    From what I see, your checkboxes are evenly stacked and consistently sized, which means your resizing and vertical alignment are already spot on. The issue now seems to be with the horizontal centering, they look slightly off-center within the yellow-highlighted area.

    Since Smart PDF Forms rely on manual placement and don't support pixel-perfect alignment tools or CSS targeting, achieving perfect centering can be tricky, especially if the PDF layout has merged or uneven table cells. Here are a couple of small adjustments that may help:

    • Use the keyboard arrow keys to nudge the entire column of checkboxes a few pixels left or right.
    • Try zooming in further (e.g. 150–200%) to fine-tune positioning with better control.
    • If one checkbox is placed just right, clone it for the others to maintain exact horizontal positioning.

    Let us know if you need any more help.

Your Reply