Moving the "thinking" icon.

[Wayne C.]

Can the "thinking" icon (or whatever you call the icon that is displayed or spins when the program is thinking) be moved? We'd like to move it more towards the middle of the screen if possible so it can be more readily seen. How can this be accomplished?

Thanks in advance,
Wayne C.
Tantara transportation Group / Sofworx

[David]

See here:

http://www.profoundlogic.com/docs/displ ... +Animation

For Genie, you can add lines like this to the top of your skin's "custom.js" file.

[Wayne C.]

We recently completed a release update ( 03/24/18 ) from V5R4 to V7R3 which enabled us to get current with profound; we're now at 5.14.0

However, it seems that the "loading" icon positioning has been lost in the process. I changed the "loading" icon to appear more in the middle of the display instead of the upper left-hand corner which seems to be the default... and I did this about 4 years ago. Now it's appearing again in the upper left corner of the display.

Here's what I have in "settings.js":

// the following are default settings
pui["loading animation"]["css"] = null;
pui["loading animation"]["path"] = "/profoundui/proddata/images/loading.gif";
// pui["loading animatin"]["text"] = "One moment..."; // uncomment this line to use text instead of an image
pui["loading animation"]["left"] = 320;
pui["loading animation"]["top"] = 38;
pui["loading animation"]["width"] = 30;
pui["loading animation"]["height"] = 30;

There doesn't appear to be anything in the "custom.js" of our skin that has anything to do with positioning the "loading" icon. Is there anything else I have to do to change the position of the "loading" icon?

[Megan]

Hello Wayne,

We're sorry to hear you're having issues with this. Can you please confirm that your settings.js file is linked in your start.html file? You can view and edit your start.html file in Genie Administrator. That being said, depending on the skin you are using, you may need to add edit Javascript in the custom.js file so that your properties do not get overwritten.

Linking JS in start.html:

Code: Select all

<script type="text/javascript" src="/profoundui/userdata/custom/js/settings.js"></script>

You can find more information on configuration files here: http://www.profoundlogic.com/docs/displ ... on+Options.

In my testing, I was using the Hybrid skin. I found, using Ctrl + F to search "animation", that in the customize() function and the pui.load function there were some lines of code that were overwriting my options. In the customize function, the following line kept overwriting my 'null' value for ["loading animation"]["css"]:

Code: Select all

 pui["loading animation"]["css"] = 'pui-hybrid-animation'; 

I corrected this line to the following:

Code: Select all

 if (pui["loading animation"]["css"] === 'pui-animation') {
    pui["loading animation"]["css"] = 'pui-hybrid-animation';
 }

But, you could comment it out if you prefer.

In the pui.onload function, I found the following lines:

Code: Select all

 pui["loading animation"]["left"] = 10;
 pui["loading animation"]["css"] = "pui-animation";

I commented out these lines so that they did no overwrite my options.

I placed my options at the top of the custom.js file, outside of any other function.

I hope that helps, but if you require additional assistance with this issue, could you please provide us with your Genie skin's folder? The folder would be located at /www/[instance_name]/htdocs/profoundui/userdata/genie skins/[skin_name]. Please zip that folder along with your settings.js file and email it to us at support@profoundlogic.com for additional assistance. Please change blockable extensions like .js to .txt so that your email is more likely to be sent and received with the attachments intact.

[Wayne C.]

Thanks Megan for your response.

This what I currently have in start.html for my skin:

<script language="javascript" type="text/javascript" src="/profoundui/userdata/genie skins/eTMS Skin/custom.js"></script>
<script language="javascript" type="text/javascript" src="/profoundui/proddata/js/genie.js"></script>

I added your statement...

<script type="text/javascript" src="/profoundui/userdata/custom/js/settings.js"></script>

...after the above two statements and the "loading" icon now appears in the middle of the display where it should be. Would I still need to add code to custom.js ?

I assume I'm still using the "path" method for displaying the icon instead of the newer "css" method. Is the "css" method better than the other? It seemed your instructions were more related to the "css" method. In any event, the "loading" icon positioning is fixed.

Thanks again.

[Megan]

Hi Wayne,

I'm glad to hear this is working for you now! As for modifying the custom.js file, this would have only been needed if there were lines that were causing issues like there were for me using the Hybrid skin. If everything is working then you're good! For my testing, I was using the settings that you provided.

The path method requires that an image be loaded, which is what you are using. Depending on the type of image file, this could be a noticeable wait time for the loading icon to appear.

The CSS method uses CSS to create an animation. The CSS for this method is provided in the CSS file of the skins that use it, so you are welcome to copy and manipulate the properties as you'd like. As a side note, CSS can be used to animate an image as well.

If you have any additional questions or concerns, please let us know!