Overriding "Loading" With Spinner - 7.2 Issue?

Classic Servoy
1

After setting the servoy.webclient.blockinputonrequest to FALSE and I run this code:

var js = 'function centerElem(elem) {\
	       var parent = window;\
	       elem.css({\
	          "background-color": "transparent",\
	           "position": "absolute",\
	           "top": ((($(parent).height() - elem.outerHeight()) / 2) + $(parent).scrollTop() + "px"),\
	           "left": ((($(parent).width() - elem.outerWidth()) / 2) + $(parent).scrollLeft() + "px")\
	       });\
	   }\
	   centerElem($("#indicator"));\
	   $("#indicator").html("<img src=\'ajax-loader.gif\' />");'
	   plugins.WebClientUtils.executeClientSideJS(js)

I get a nice spinner rather than the word “Loading” (EXCEPT ON DIALOGS - using mod_dialog - but that’s a different issue).

(This code is THANKS TO SCOTT BUTLER: viewtopic.php?f=12&t=19554)

HOWEVER, when I try to change the WebClient template directory using:

application.putClientProperty('templates.dir', 'custom');

The styles apply just fine - but then the spinner goes away…

So, my question is - is there something in the CSS that is making the “Loading…” invisible (I’m using Harjo’s default CSS as a test - from Files - Alternative CSS for webclient - ServoyForge)…

OR is the “Loading” being suppressed when you change the template directory?

2

hi Bob, what if you try to set the templates dir first and than fire your js injection-code?

3

Yep - I tried that as well. :)

It’s still no-go.

4

Need to get familiar with Chrome developer tools and some basic browser debugging techniques if you’re going to venture into web client beyond the basics. Find elements, see what css is being applied, where the css is coming from, set breakpoints in code, insert and modify code/markup/css at runtime manually to test things out, etc. Your issue is a very easy one to track down with the right tools. Not so easy to tell you what might be the issue.