CSS for mobile optimized communities
Does IdeaScale support CSS for the mobile optimized version of our community?
Yes. In addition to offering the ability to upload CSS to your web-based community, IdeaScale allows community administrators to upload CSS for the mobile optimized version of the community.
There are two ways to custom your mobile community:
1) Use jQuery Mobile's ThemeRoller (http://jquerymobile.com/themeroller/), and import the theme with our import facility
2) Write custom CSS code manually. This is pretty much the same as customizing your web-based community.
And of course you can use both methods at the same time.
Tips on Testing Your Mobile Community
If you don't have access to a mobile device, you can test it in Chrome or Safari. To do that, just append "?mobile" to the URL, for example: http://ideas.ideascale.com/?mobile. If this doesn't work, please exit your browser and reopen it.
Tips on Using the ThemeRoller
If you never used the ThemeRoller before, make sure to read the online help file first:
Notice that the default ThemeRoller configuration contains only 3 swatches (A, B and C). IdeaScale's default theme contains 5 swatches (A, B, C, D and E). So make sure that your custom theme will contain 5 swatches too.
You can import the default theme (http://ideascale.com/js-libs/jquerymobile/themes/default/theme.css) into the ThemeRoller to see what the default theme looks like in the ThemeRoller.
Please notice that at the time this article was written, there was a bug with the ThemeRoller that could cause problem if you try to modify an imported theme. So we suggest that you start with the default ThemeRoller configuration.
One thing you need to know about the ThemeRoller. It won't let you customize the layouts. You cannot move things around. If you're interested in doing things like this, you'll have to write custom CSS code manually.
Contact your IdeaScale Account Manager or our Sales department if you require more class names to target certain elements (for instance, a specific button, or div).