Show loading screen on page load

  • Profile Image
    p3marketing
    Asked on August 06, 2018 at 07:35 AM

    Hallo,


    On my current website I have a loading page that hides the content while the form is busy loading. This prevent the page from loading in fragments. What I have done is inserted "<div id="load"></div>" 3 spaces below the "Page body start" section of the page and then the following under the heading of the page:


    <style type="text/css">
        #load{
        width:100%;
        height:100%;
        position:fixed;
        z-index:9999;
        background:url("http://p3marketing.solutions/p3splash.png") no-repeat center center rgba(53,141,165,1)
        }
    </style>



    I would like to do the same with the jotform below being loaded, how can I do this?


  • Profile Image
    roneet
    Answered on August 06, 2018 at 10:08 AM

    I inspected your form and found that your form is in Cards format. Unfortunately, we cannot Inject custom CSS in Cards form. You can switch to classic format to inject your own custom CSS.

    Let us know if you need further clarifications, we will be happy to assist.

    Thanks.