É possível personalizar o pop-up Rascunho guardado e a mensagem apresentada?

Por favor, é possível personalizar a mensagem abaixo?

Hi Gabriela,

Thanks for reaching out to Jotform Support. Our Portuguese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portuguese, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, unfortunately, it is not possible to edit the Saved Draft popup from the Form Builder, yet you can customize it by injecting a custom CSS code to your form. Doing that is easy, let me show you how:

1. In Form Builder, click on the Paint Roller icon, on the top right side of the screen.
2. Next, click on the Style tab.
3. Scroll down to Inject Custom CSS and paste the code provided below:

/* Code to Customize the Saved Draft Popup - 22799571*/

.sacl-modal__content {

    background: #001C42 !important; /* Code To Make the Background of the Popup Dark Blue*/

    color: white !important; /* Code To Make the Text for Submission saved as draft text white */

}

.sacl-modal__texts span {

    color: #FF6196 !important; /* Code To Make the Text We’ve emailed you a link you can use to continue it later Brilliant Rose */

    line-height: 24px !important;

    font-size: 14px !important;

    font-weight: 400 !important;

}

.sacl-btn--second {

    background: #00C7AA !important;

    color: #fff !important;

    border: 0 !important;

}

/* Code to add logo to the Saved Draft popup */

.sacl-modal__center.pb-32.pt-44 {

    background-image: url('https://files.jotform.com/jufs/gminoboli/form_files/Logo%20BELAT%20-%20opciones%20de%20color-02%20(2).674dbe22a789a7.04296978.png?md5=X_kmJqRM9ANIUJJGwJZ5kQ&expires=1736335050') ;

    background-size: 23% !important;

    background-repeat: no-repeat !important;

    background-position: 0% -8% !important;

}

h5 {

    color: white !important;

}

.sacl-modal .sacl-modal__draft__buttons button:first-child:hover {

    background: #FF6196 !important;

    border: 1px solid #4dbefc !important;

}

.sacl-modal .sacl-modal__draft__buttons button:last-child svg {

    color: #00C7AA !important;

}

.sacl-modal .sacl-modal__draft__buttons button:last-child svg:hover {

    background: #FF6196 !important;

    border: 1px solid #4dbefc !important;

}

.sacl-modal .sacl-modal__draft__buttons button:last-child:hover {

    background: #FF6196 !important;

    border: 1px solid #fff;

}

/* Code to Edit The Submission saved as draft Text - 22799571 */

body > div.formUserSCLNavigationWrapper > div > div > div.sacl-modal__texts:not(.pb-32):not(.pt-40):not(.px-32) > h1 {

    font-size: 0px !important;

}

body > div.formUserSCLNavigationWrapper > div > div > div.sacl-modal__texts:not(.pb-32):not(.pt-40):not(.px-32) > h1::after {

    content: "Here Text for Submission saved as draft";

    font-size: 22px !important;

    font-weight: bold;

}

/* Code to Edit The We’ve emailed you a link you can use to continue it later text - 22799571 */

body > div.formUserSCLNavigationWrapper > div > div > div.sacl-modal__texts:not(.pb-32):not(.pt-40):not(.px-32) > span {

    font-size: 0px !important;

}

body > div.formUserSCLNavigationWrapper > div > div > div.sacl-modal__texts:not(.pb-32):not(.pt-40):not(.px-32) > span::after {

    content: "Here Text for We’ve emailed you a link you can use to continue it later.";

    font-size: 14px !important;

}

/* Code Ends Here */

To change the Text to display, change the text "Here Text for Submission saved as draft" and "Here Text for We’ve emailed you a link you can use to continue it later." in the code above.

Result:

Give it a try and let us know how it goes.

Muito obrigada! Ajudou muito!