Displaying "Loading...." + image between pages

Murugesan Manokaran asked on June 1, 2017 20:26

need to display "Loading..." + some loading icons between pages. any help?

Recent Answers


Brenden Kehren answered on June 1, 2017 20:39

You'd most likely need to google some JavaScript tool or plugin to do this for you since it's all front end effects.

0 votesVote for this answer Mark as a Correct answer

Ilesh Mistry answered on June 1, 2017 23:06

One thing to ask for this, is why the page is loading slow and needs the loader? Can you reduce this in any way?

If not then you can use CSS3 to do most of the work e.g. Progress bars This will also help you CSS Loader

For the text with the icon, hopefully you can use the CSS ::after selector

2 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on June 1, 2017 23:10

I vote for Ilesh's answer, makes more sense IMHO.

0 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on June 2, 2017 12:30

Ilesh, I think sometimes you need to show it for a better UX and not necessarily the page is slow.

  1. You can keep a div showing the loading... text and set it's visibility to block.
  2. You can then use jQuery(document).ready(){} block an put your logic to hide an icon here. It would simply be jQuery('#loading-div').hide()

No need of such complex code

My $0.02

1 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on June 2, 2017 14:44

I disagree Chetan. If your page is processing and loading in less than a second or even a half of a second, JavaScript will never kick in and if it does, it will only slow the ability for the viewer to see the page content.

0 votesVote for this answer Mark as a Correct answer

Murugesan Manokaran answered on June 2, 2017 17:07

Llesh and Brenden, when you are dealing with large data, you need to inform the user about the background processing. with the latest technologies, ofcourse the whole process is optimized to the maximum performance and reviewed and tuned over the time. Even Kentico has a "Loading..." image showing up for all the design time tasks!!!! Hope you guys understand the practical problems we encounter in complicated business area. Chetan, Thanks for your idea. I am planning to add the javascript to the master page to dealt with any slow processing page transfer.

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on June 2, 2017 17:14

So your comment Murugesan adds more perspective to the picture now. Knowing you're loading large amounts of data, I'd suggest using some sort of notification as suggested in the previous posts. For a site where large data and large amounts of processing is not happening, it just does not make sense. Kentico has these notifications simply because of the processing that is going on in the background (similar to your large amount of data scenario). I'm not saying they are not needed, just use them in scenarios when they are definitely needed and not because you can.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.