Printable View
Hello developers,
the css file that come with the examples is s40-theme.css great to start your own project.
What I miss is a way to find quickly the styles that I should apply.
For example, if I have a navigation list, which html-element and which css-class should I use?
So I'm searching for some kind of document, where I can see the available elements and the html-lements and css-classes that implements them.
Is there already such a thing?
Regards
Karsten Meier
Hi internetlabor, you might want to check this out [URL="http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/html-and-css-reference.html"]http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/html-and-css-reference.html[/URL] or [URL="http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/html-tags-supported.html;#GUID-113818B4-D68A-4D4E-8129-E48D6F6C0E66__GUID-4D9A4CDD-FC47-4D2D-95D5-5B9D2B9B35F6"]http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/html-tags-supported.html;#GUID-113818B4-D68A-4D4E-8129-E48D6F6C0E66__GUID-4D9A4CDD-FC47-4D2D-95D5-5B9D2B9B35F6[/URL]
That is nice resource. But it is not what I was looking for. So I try to make it clearer.
I would like to have a cook-book how to use the existing stylesheet s40-theme.css from nokia.
For example the css class ".ui-header"
Probably I use it for the header of the page. Do I use it with an div or with an table? What is the recommended way to put an icon to the right side of the header?
I can get these information from the examples. But this needs time to find the right example, and then to find the the correct position in the html code.
Also, the s40-theme seem to be changed from Webtools 1.5 and 2.0. So if you just use some example, for example from one tutorial, you may do it in the old way.
Regards
Karsten Meier
Hi,
To my knowledge one doesn't exists. Only option is to investigate how sample apps in SDK are using those properties, which can be cumbersome.
I'll take this feedback forward and let's see what we can do about it :)
One more resource, that is separated from s40-theme.css, is [URL="http://www.developer.nokia.com/info/sw.nokia.com/id/1e38668d-3a54-4e9b-823e-a32baf377652/Series_40_Web_Apps_UI_Visualisation_Examples.html"]
Series 40 Web Apps UI Visualisation Examples [/URL]. That web app is a good resource to see how different UI components and navigation sturctures can be implemented.
Br,
Ilkka
Yep, been researching all day but cannot find the specific resource. Anyway, it would be awesome to have one. On the otherhand, What i usually do is keep the examples in my pc with specific filenaming so if i need to check out example menus i go to "menu" folder examples rather going online