Preview Before Submit Widget: When widget is added to the form, changes in the Designer are not being saved.

  • Profile Image
    Asked on June 15, 2016 at 02:00 PM

    I have three questions on "designer":

    A. I tried several times to change the border color to #474545 (Dark Grey) for Text Boxes. The change never got saved. Please help.

    B. How can I completely enclose the outter border of the address text box?

    C. Where do I go to adjust the "Preview Answers" button? It is not centered. 

    Thank you again for your time and effort.

  • Profile Image
    Answered on June 15, 2016 at 03:46 PM

    A. I just tested your form in Designer and I couldn't replicate any issue regarding the changes of colors etc.

    Maybe you could try to clear your Browser's cache or try a different browser.

    B. I'm sorry I didn't understand this question if you can elaborate more what would you like to do with outter border, how would you like to look?

    C. Try to insert below code to your Custom CSS field:

    .form-submit-button {



    That  should improve how your submit button looks like.

    Please let me know if you have further questions. 

  • Profile Image
    Answered on June 15, 2016 at 05:57 PM

    Thank you for your answers. Unfortunately, I'm still having problems:

    A. I have cleared cache from both Google Chrome and Firefox. I still could not save the change I made (adding border color). I waited for 20 minutes, neither browser worked. Is it possible for you to save the change for me?

    B. If you look at the outside border lines of address, you will see the line on the right did not come all the way to the corner and the bottom line also ended prematurely.

    C. This question is regarding "Preview Answers" button, not submit button.

    Hope you can help again. I thank you.

  • Profile Image
    Answered on June 15, 2016 at 09:13 PM

    I checked the Designer and found that changes are not being saved, it is always loading and it never stops, I found some errors that are not allowing changes to be applied, I will report this issue to our back-end team and we will let you know when this is reported.

    In the meantime try injecting this CSS code to your form: 

    input[type="text"], input[type="tel"], input[type="email"], textarea{

        border: 1px solid  #474545 !important;

    Injected code is working, this guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    This should set the proper border color to your fields, regarding to your other questions, they have been moved to another threads, here are the links: 

    This is in order to assist you better and avoid confusion while providing multiple answers for different matters, we will assist you in those threads as soon as possible. 

  • Profile Image
    Answered on June 15, 2016 at 09:20 PM

    Thank you so much. Even though I have little skills in this area, but I  have great confidence in you that You would pull me out of trouble no matter what! Thank you again.

  • Profile Image
    Answered on June 15, 2016 at 09:40 PM

    You're welcome.

    I have investigated the issue and found that the issue comes when you add the Preview Before Submit Widget to the form, if you remove the widget then changes start to save, in the meantime if you would like to use the Designer, you will need to remove the widget from your form, and then add it once again when you are done with the changes in the Designer. 

    This should work does not matter if the widget is there or not, but this has been already escalated to our second level and I will add this additional comment. 


  • Profile Image
    Answered on June 17, 2016 at 05:11 AM


    The issue is fixed - the form designer should now work as expected. 

    Sorry for the inconvenience caused.