search

triceam / app-UI

app-UI is a collection of user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and JavaScript, especially those targeting mobile devices. app-UI is a continual work in progress - it was born out of the necessity to have rich & native-feeling interfaces in HTML/JS experiences, and it works great with PhoneGap applications (http://www.phonegap.com). app-UI can easily be styled/customized using CSS.
http://triceam.github.com/app-UI/
Other
1.27k stars 239 forks source link

display loading indicator while rendering a page #35

Closed sonaba closed 11 years ago

sonaba commented 11 years ago

How can i display the loading indicator while im rendering a page? i get the page content from rss feed so it can take a while.

sonaba commented 11 years ago

sry. i have it. sorry for disturbing. btw this is a great library, i hope you will keep it updated in the future as well.

Onslot commented 11 years ago

@sonaba what was your solution if you do not mind sharing?

triceam commented 11 years ago

Look at my Census browser example (the renderContent function). https://github.com/triceam/US-Census-Browser/blob/master/client/js/application.js Just have HTML with a loading animation, swap it out with HTML once content is loaded. You will have to refresh the scroller once your new content is loaded.

Onslot commented 11 years ago

Hi Andrew,

Thank you again for your response. What i am trying to accomplish is a login page so after the user logs in goes to a homepage, this is my first phonegap or mobile app so I am experimenting. I was wondering if you have a sample app or point me to the right direction how to accomplish a clean log in keeping user logged in until timeout like chase app or amex app? Can this be done with phonegap? I was looking at using localstorage html 5? Can this be done with the app-ui?

Thanks, Mark

On Thu, Aug 1, 2013 at 6:25 PM, Andrew Trice notifications@github.comwrote:

Look at my Census browser example (the renderContent function). https://github.com/triceam/US-Census-Browser/blob/master/client/js/application.js Just have HTML with a loading animation, swap it out with HTML once content is loaded. You will have to refresh the scroller once your new content is loaded.

— Reply to this email directly or view it on GitHubhttps://github.com/triceam/app-UI/issues/35#issuecomment-21979460 .

triceam commented 11 years ago

You could use local storage, or just use a session cookie. Once the cookie expires, force another login. Here's a sample from Ray Camden (fellow Adobe Evangelist) showing how to do a login in a jQuery mobile/PhoneGap app: http://www.raymondcamden.com/index.cfm/2011/11/10/Example-of-serverbased-login-with-PhoneGap

Onslot commented 11 years ago

Hi Andrew,

If you do not mind, in Phonegap the html radio buttons a quiet small, is there anyway to make them a bit bigger, what happens is i have a multiple choice selection and they are radio buttons but sometimes they do not get selected, i have to tap it a few times sometimes.

Thanks, Mark

On Thu, Aug 1, 2013 at 6:46 PM, Andrew Trice notifications@github.comwrote:

You could use local storage, or just use a session cookie. Once the cookie expires, force another login. Here's a sample from Ray Camden (fellow Adobe Evangelist) showing how to do a login in a jQuery mobile/PhoneGap app: http://www.raymondcamden.com/index.cfm/2011/11/10/Example-of-serverbased-login-with-PhoneGap

— Reply to this email directly or view it on GitHubhttps://github.com/triceam/app-UI/issues/35#issuecomment-21980157 .