Web and WebWorks Development

[StevenKader]

I downloaded the samples and the KitchenSink is working fine on Ripple but the UIExample one isn't displaying properly.  If looks good for 2 seconds and then switches to what you see in the attached image.  Has anyone seen this?

Thanks in advance for any help.

[amitabhsh]

Yes i noticed the same thing yesterday. if you will open the HTML pages directly in a normal browser window you will see the style sheets properly being applied.

If you will see the console output , ripple gets 404 for the css files.

[MSohm]

We are aware of this issue.  You can read more about it and track its status here:  https://github.com/blackberry/Ripple-UI/issues/190

[StevenKader]

I noticed Tim had a workaround to get the sample to run correctly. If that's the case perhaps the samples should be modified so they run in ripple first time fir new developers.

[tneil]

Hi Steven,

The issue with the quick fix is that it will make a bad experience on the actual device.  The fix is to not listen for the event that I'm listening for, the alternative is to do a setTimeout() that will make the content show unformated and then re-appear formatted.

Hmmm.. maybe I can make a change in the JavaScript and detect Ripple vs. the Browser.. I'll check into it this morning.

I am working on some more changes in the UIExamples that I am hoping to get pushed back over to the repo shortly.  If you want to track my progress you can check out my fork.

https://github.com/tneil/WebWorks-Samples/tree/master/UIExamples

[StevenKader · Accepted solution]

Thanks, I'll follow your fork for updates.

Steve

[tneil]

I updated the main repo so that it loads successfully in Ripple as well.