How to place date field next to Smooth Signature Widget?

  • Michele_Binkley
    Asked on July 11, 2017 at 11:08 AM

    Hello,

    I need to get a "type name" line under the signature and a date picker (defaults to the current date) next to the signature line. I also need the signature line expanded to about about twice the current size.

    Jotform Thread 1196352 Screenshot
  • Ashwin JotForm Support
    Replied on July 11, 2017 at 1:23 PM

    Hello,

    Please note that you can take advantage of our "Shrink" feature to place form fields next to each other. 

    Please take a look at the following form where I have added Signature widget along with date and name field: https://form.jotform.com/71915683074967

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!

  • Michele_Binkley
    Replied on July 11, 2017 at 2:43 PM
    The shrink feature will not work because the date picker field is too big. This signature field, as it is now, is too small. When I expand the width of the signature field the date will not be where I need it to be, and I actually needed the date picker at the bottom, not the top. I do not like the option of cloning the form because I am in the process of putting in logic.. Can you send this in a code?
    ...
  • Mike
    Replied on July 11, 2017 at 4:32 PM

    Your form has two columns, 50% width each. The workaround is to fit the signature into the column, to do this reduce the size of the signature field, then use the shrink option.

    How to place date field next to Smooth Signature Widget? Image 1 Screenshot 20

    Unfortunately, you cannot move the Date field to the bottom in form editor. It might be possible to adjust positioning with custom CSS, but for the sake of reliability my recommendation is to use the standard positioning (at the top).

    If you need any further assistance, please let us know.