How do I force a form to use the most recent version of the theme?

  • utfiservices
    Asked on March 30, 2020 at 4:53 PM

    I've made changes to the CSS of my custom theme but it's not being applied to the forms, even if I reapply and republish because the themeRevisionID refers to an older version. Is it possible to turn off themeRevisionID? I want this:

    https://cdn.jotfor.ms/themes/CSS/5e7e512fffffca3872168651.css

    Not this:

    https://cdn.jotfor.ms/themes/CSS/5e7e512fffffca3872168651.css?themeRevisionID=5e7e512fffffca3872168652

  • Kevin Support Team Lead
    Replied on March 30, 2020 at 8:14 PM

    Unfortunately, there is no way to change how the file is called on the form. I have however compared both files and both seem to have the same codes. 

    May you please provide us an example of the missing parts on each file? 

    I have also cleared your forms cache, kindly check and let us know if the problem persists. 


  • utfiservices
    Replied on March 31, 2020 at 8:43 AM

    Shouldn't it just republish the theme .css file each time we make a change and hit save? If not, is there a way we can link to stylesheet that we manage on a personal server?

    Here's the custom CSS on my saved theme, UTFI Services:

    .form-html p, .undefined li, .form-html, .form-checkbox-item label, .form-radio-item label {
        line-height : 27px;
    }

    .form-html a {
        color : #295C89 !important;
        text-decoration : underline !important;
    }

    .form-label.form-label-top {
        margin : 15px 0 15px 0;
        line-height : 27px;
    }

    .form-sub-label {
        line-height : 20px;
        padding-top : 7px;
        font-size : 14px;
    }

    .form-radio-item label, .form-checkbox-item label {
        margin-left : 0px !important;
        padding-left : 10px !important;
    }

    .form-textbox, .form-textarea, .form-dropdown {
        border-radius : 0px !important;
        box-shadow : none !important;
    }


    Here's the custom CSS on my form after I've saved the theme, applied it to the form, and republished the form:

    .form-html p, .undefined li, .form-html, .form-checkbox-item label { line-height : 27px; } .form-label.form-label-top { margin : 15px 0 15px 0; line-height : 27px; } .form-sub-label { line-height : 20px; padding-top : 7px; font-size : 14px; } .form-radio-item label, .form-checkbox-item label { margin-left : 0px !important; padding-left : 10px !important; } .form-textbox, .form-textarea, .form-dropdown, .form-submit-button { border-radius : 0px !important; box-shadow : none !important; } .form-submit-button, .qq-upload-button.undefined, .qq-upload-button.None { border-radius : 5px !important; border : 0px !important; background : #295C89 !important; color : #ffffff !important; text-shadow : none !important; font-weight : 400 !important; line-height : 27px !important; padding : 10px 30px !important; height : auto !important; width : auto !important; display : block !important; font-size : 17px !important; } .qq-upload-button.None { } .form-line { }


  • Richie JotForm Support
    Replied on March 31, 2020 at 11:03 AM

    You would have to upload your form to your server using the form source code if you would like to use the CSS from your server.

    Guide:https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

  • utfiservices
    Replied on March 31, 2020 at 1:56 PM

    Any explanation for why my republished form is referencing an out-of-date theme stylesheet? Surely that can be fixed?

  • Kevin Support Team Lead
    Replied on March 31, 2020 at 3:25 PM

    There may be a delay on the updates applied to the theme, may you please provide us the form you've used to develop your theme? We will check it further in order to find a way to resolve this matter. 

    Thanks.