Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

We have implemented a real-time dashboard in SharePoint Online. While the web part is updating [the screen refreshes every 5 minutes] we can see the underlying html (1st Screenshot) before it is fully rendered into a graphically representation (2nd Screenshot).

Screenshot

Screenshot

Questions: Is it possible to hide the web part until it is fully rendered by the browser so that we don’t see the source html, but only the final result (i.e. the graphics)? Can this be done via CSS/JavaScript embedded in the page as we have limited experience with SharePoint Designer?

Thanks in advance for your help,

Alex

share|improve this question

2 Answers 2

up vote 0 down vote accepted

One option is to add a content editor web part to the page and include a div that is hidden via CSS by default. You could then insert your list view web part into that div so that it would be hidden at page load. At the end of your JavaScript that loads the images, you could simply change the style of the containing DIV so that it is now visible.

On a different note, have you considered simply using a Content Query Web Part with custom XSL that pulls the data from the list and renders it as desired on the page? That would avoid the issue entirely,

share|improve this answer
    
I followed your suggestion and it works 95% of the time [network/backend issues sometimes impacts pagination]. Strange that SharePoint keeps changing the display: none attribute to display: block every-time I edit the page – so I’m forced to reedit it again. Thanks for your suggestion – I can work with this. Alex –  Alex Sep 11 '13 at 21:17

Could you go into the web part options and set the AJAX option to Enable Asynchronous Load and see if that helps?

share|improve this answer
    
Hi PirateEric, AJAX sadly doesn't help as the conversion of the html into the graphics is undertaken by a JavaScript routine embedded in an content editor web part [which doesn't support AJAX] at the bottom of the page. The entire page needs to be refreshed for the graphics to show. Turning on AJAX will result in the web part refreshing, displaying html, but not displaying the graphics. Thanks, Alex –  Alex Sep 11 '13 at 18:52
    
You could maybe convert it to a data view web part and it should all just work normally and not need a text to html javascript function to convert it for you. –  PirateEric Sep 11 '13 at 19:06
    
As mentioned previously we have limited experience with SharePoint Designer [our version is now 2013], even though the frontend is 2010. Therefore, if creating a data view web part requires SharePoint Designer then we cannot proceed. Our super users are most annoyed by MS’ decision to remove the GUI interface from the development tool, which is restricting my room to manoeuvre. Thanks again for your suggestions. Alex –  Alex Sep 11 '13 at 19:16

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.