Some misunderstandings with redirections and css

Printable View

Nov 15th, 2012, 10:30 AM
hopcroft

Some misunderstandings with redirections and css

Hi,

I'm trying the lite-showcase example from GitHub and I've came across some things I don't fully understand. For example:
- I've added some different css files depending on we are navigating to normal, mobile or a tablet device.
- If I open the normal page I can see that page with the styles from normal.css. Then if I click on mobile preferences, the page changes and takes the look within mobile.css.
- However, if I navigate back to normal preferences and home page, it seems normal.css isn't apply then. If I import normal.css within the body tag, styles are apply again. But it doesn't seem a good workaround to me.

Any ideas?

Regards.
Nov 16th, 2012, 09:22 AM
Roy Clarkson

That's curious. So you simply added a different stylesheet link to each view, corresponding to normal, mobile and tablet?
Nov 16th, 2012, 04:41 PM
hopcroft

hey,

thank you for answering. Yes, that's the case.

I've just forked the project and commit the changes I made to it in case you want to a look.
https://github.com/IvanFernandez/spr.../lite-showcase

If I only add the css in the head section of each view nothing seems to happen when I change preferences. Each view get the stylesheet (if any) from the first visited view. If I add them within the body section it works but not completely...

I think there's something weird with the org.springframework.mobile.device.site.CookieSiteP referenceRepository.SITE_PREFERENCE cookie because when I navigate from mobile from table view, it retains the value of mobile ...

Regards.
Dec 5th, 2012, 11:13 AM
Roy Clarkson

Looking at your project, I recommend adding the c tag notation to your css link. Maybe that will help. I'm testing with the lite-showcase to reference normal, mobile, and tablet stylesheets. I only added one link to the <head> section (as seen below) for each view type. The styles are updating correctly for me when navigating back and forth.

Code:

<link rel="stylesheet" href="<c:url value="resources/normal.css" />" type="text/css">
Dec 27th, 2012, 05:14 AM
hopcroft

Thank you Roy!. I will take a look at it.