MonoX support board

Start the conversation, ask questions and share tips and solutions with fellow developers.

Non-registered users can only browse through our support boards. Please register now if you want to post your questions. It takes a second and it is completely free. Alternatively, you can log in without registration using your credentials at major sites such as Google, Microsoft Live, OpenId, Facebook, LinkedIn or Yahoo.

How can I take advantage of the already coded Monox Ajax Progress loader ? (Closed) (Mono Support )

Viewed 10577 time(s), 5 post(s) 3/23/2012 9:50:59 PMby shawndg
shawndg

shawndg

3/23/2012 9:50:59 PM
Hi Guys..

I am trying to add some progress loaders to my own hard coded webparts..

If i drag and drop them it seems that the loaders work but i have them all hard coded and i have no code telling it to load the loader...

I been experimenting with something like this..

<asp:updateprogress associatedupdatepanelid="UpdateShellPanel"
id="updateProgress" runat="server">
<progresstemplate>
<div id="progressBackgroundFilter"></div>
<div id="processMessage"> Loading...<br /><br />
<img alt="Loading" src="images/ajax-loader.gif" />
</div>
</progresstemplate>
</asp:updateprogress>


But, I am sure you guys already have something like this coded inside MonoX.

any way you guys can provide me with a little code sniplet of how to take advantage of it ?
This content has not been rated yet. 
1871 Reputation 252 Total posts
khorvat

khorvat

3/26/2012 5:02:57 PM
Hi,

do you want to reuse the mark-up or do something else with the progress indicator ? If you want to reuse the mark-up then you should wrap the mark-up in the user control and use that user control instead the ajax update progress. The only thing that remains unsolved is the connection between the update panel and the update progress, so if you want to use that progress indicator for all ajax callbacks then it is easy just don't use the AssociatedUpdatePanelId if that isn't a case then you should extend your user control to take a parameter with update panel id in it.

Regards
This content has not been rated yet. 
15993 Reputation 2214 Total posts
shawndg

shawndg

3/27/2012 7:57:10 PM
I have to admit i am a little confused by that..

I am currently building user controls, inside the user controls I have update panels..

I am finding that my update panels dont show the same indicator as the rest of the MonoX already built controls..

But, I may have just answered my own question because I do remember when I placed my control inside a MonoX control portal container..
I think this functionality just started to work and maybe since I removed the portal wrapper from it that may have disabled this functionality...

So I may have to just place my control inside a portal for this to work..
I have to test this out and see if it works..

I will let you know, if you can think of anything that may help in the meantime..
Feel free to elaborate.


This content has not been rated yet. 
1871 Reputation 252 Total posts
shawndg

shawndg

3/30/2012 5:54:40 PM
Ok I tried wrapping my web part inside a monox portal but that did not work.

Not sure how to take advantage of the preloading icon that monox uses all over the place..

I just want to use it on a few update panels to let the users know the ajax is processing.

I have tabs, and inside the tabs i have web parts and inside those web parts I have update panels.

I want to add MonoX loading icon in several update panels while they update.

This content has not been rated yet. 
1871 Reputation 252 Total posts
khorvat

khorvat

3/31/2012 7:52:35 PM
Basically MonoX update panel that you see is the "global" update progress and if you set it on one panel you will see it positioned across whole page. You can change your the master page and add that loading panel there, then you can add a property on your master page that will allow you to turn on and off the update panel on some page e.g. on that WebParts. So when one WebPart needs the loading panel he will turn it on by setting the master page property.

<asp:UpdateProgress AssociatedUpdatePanelID="ajaxPanelMain" ID="updateProgressMain" DisplayAfter="0" runat="server">
        <ProgressTemplate>
            <div class="ajaxOverlay"></div>
            <div class="ajaxLoader"><asp:Literal ID="ltlLoading" runat="server"></asp:Literal><br /><br /><img id="Img1" alt="Loading" runat="server" src="<%$ Code: MonoSoftware.MonoX.Paths.App_Themes.All.Common.img.ajaxLoader_gif %>" /></div>
        </ProgressTemplate>
    </asp:UpdateProgress>

Let me know if you need anything else.

P.S. Thanks for all the community work you do ;)

Regards
This content has not been rated yet. 
15993 Reputation 2214 Total posts