PDF Forms: How to change "Start Filling" text on the preview page button?

  • Profile Image
    jmailoffers
    Asked on March 29, 2021 at 08:30 PM

    Hello,

    Is there a way to change the wording on the button when a user first arrives at the Jotform? Currently, it shows "Start Filling".

    Thanks.

    Tom

  • Profile Image
    Laura_L
    Answered on March 30, 2021 at 04:56 AM

    Hi Tom,

    Unfortunately, it's not possible to currently change the "Start Filling" text.

    I have forwarded this as a feature request to our developers. However, we do not yet have an ETA, or cannot guarantee that the feature will be implemented. As soon as we have any updates, we will inform you on this ticket.

    Meanwhile, you can use custom CSS code as a workaround.

    Add this code to your form:

    .welcome span {
      font-size: 0;
      visibility: hidden;
    }
    .welcome span:before {
      content:"
    Start Now";
      font-size: 20px;
      visibility: visible;
    }

    And change the bold text "Start Now" to your preference.
    You can refer to our guide on how to add custom CSS to your form: How to Inject Custom CSS Codes

    Hopefully this helps. Let us know if you have any further questions, and we are happy to help!

  • Profile Image
    jmailoffers
    Answered on March 30, 2021 at 08:15 AM

    Laura,

    Thanks for responding and for providing the CSS code snippet.

    I inserted the code into the Jotform, but the button is not changing. I followed the article you provided on how to insert the code.

    Am I missing a step?

    1617106499_6063164380a2c_CSS.jpg

  • Profile Image
    roneet
    Answered on March 30, 2021 at 12:36 PM

    Please inject this code in your form replacing the previous code:

    button.pdff-headerSideButton:nth-child(3) > span:nth-child(1) {

    visibility: hidden;

    }

    .pdff-headerSideButton.forFill.js-pdfStartFilling::before {

    content: "Start Now";

    }

    Let us know how it goes.

    Thanks.

  • Profile Image
    jmailoffers
    Answered on March 30, 2021 at 04:34 PM

    Hello,

    Thanks for the additional snippet.

    Is there a way to have the Start Here be as close to the arrow as it originally appears, or is it the best it can be?

    Thank you for the assistance.

    Tom

    1617136454_60638b46e2b9d_Screenshot 2021

  • Profile Image
    roneet
    Answered on March 30, 2021 at 09:30 PM

    Please inject this CSS in your form:

    button.pdff-headerSideButton:nth-child(3) > span:nth-child(1) {

    visibility: hidden;

    }

    .pdff-headerSideButton.forFill.js-pdfStartFilling::before {

    content: "Start Now";

    position: relative !important;

    right: -82px;

    }

    Thanks.

  • Profile Image
    jmailoffers
    Answered on March 31, 2021 at 11:27 AM

    Thank you very much for the additional change; it looks great!

    Tom