loading screen on form submit

Suite and Optimus Suite 5
#1

Hi to all,

I want to show the loading screen while form submit and after form submit stop the loading screen.

thanks

#2

Hi
Put your form in layout cell or window and use this:
dhtmlx.com/docs/products/dht … gress.html - for layout
or this:
dhtmlx.com/docs/products/dht … gress.html - for window

#3

Thanks for the reply,

Yes i am using window and progresson work fine but any way to stop user to do anything else while submtting form just like loading screen which wrap the whole window and user unable to do anything while submit.

thanks

#4

This way you can create a div with the next style:

{ position:fixed; z-index:100000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); }
and some ‘process’ image inside.
And do the next:

[code]

Loading 
<style>
	html,body { height: 100%; margin: 0px; overflow: hidden; }
    #mask{
        position:fixed;
        z-index:100000;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.4);
    }
</style>

<script>
function progressOn(){
	document.getElementById("mask").style.display = 'display';
}

dhtmlx.image_path = "../dhtmlxlayout/codebase/imgs/";
dhtmlxEvent(window,"load",function(){
	layout = new dhtmlXLayoutObject("parentId", "3T", "dhx_blue");
	layout.cells("a").setHeight(400);
	layout.cells("b").attachObject("testarea2");

	setTimeout(function(){
        document.getElementById("mask").style.display = 'none';
	}, 5000);
})	
</script>
[/code]

I used timeout, and you may do it with your form submitting function.