I've enabled the Continue Form Later Function but the button on the form is not showing correctly

  • CorpSecServices
    Gefragt am 2. April 2020 um 00:16

    Hi 

    I've enabled the Continue Form Later Function, but the button on the form is not showing correctly.

    the button at the end of the form is showing as a white button and you can't see the word save.  

    How do I change the colour and font of the 'save' button?

    Refer URL of form below. 

    Regards

    Viola 


    Jotform Thread 2238288 Screenshot
    Page URL: https://www.jotform.com/build/200503411057035/settings#preview
  • Richie Jotform Support
    Geantwortet am 2. April 2020 um 04:51

    You can add this custom CSS in your form to change the button color

    #input_scl_2 {

    border: 1px solid #5a8200 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d10c), color-stop(100%,#6d9c01));
    box-shadow: inset 0px 1px 0px 0px #b9e84b;
               
                }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • CorpSecServices
    Geantwortet am 2. April 2020 um 05:39

    Hi Ritchie 

    thanks for that.  It appears to have worked.

    The 'save' button is now green.  

    I would have liked to be able to have all the 3 buttons the same size. 

    Currently, they are all different sizes and it's not obvious how to alter them.   The 'save' button also changes colour to blue, which is not consistent with the others.   

    1585819931Save button on Form Screenshot 10 


    The save feature appears to work ok, but I really dislike the screen asking users to log into Jotform.  It looks unprofessional.  Users should be able to save a draft of their form in 1-2 steps.  I note they can skip it and then add their email which is great.  

    Can we skip the first screen altogether?


  • Richie Jotform Support
    Geantwortet am 2. April 2020 um 07:26

    You may add the  CSS code color:white !important; in the code I have given so that the text will not change to blue.


    #input_scl_2 {

    border: 1px solid #5a8200 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d10c), color-stop(100%,#6d9c01));
    box-shadow: inset 0px 1px 0px 0px #b9e84b;

    color: white !important;
               
                }

    To change the button sizes, you may use this CSS code

    .form-submit-button {
       
        height: 37px !important;
     
    }


    For your question regarding the save and continue feature, I have moved it to a new thread to assists you better.

    Kindly follow this link:https://www.jotform.com/answers/2238664