×

Discussion Board

Results 1 to 5 of 5
  1. #1
    Regular Contributor
    Join Date
    Mar 2005
    Location
    Hamburg, Germany
    Posts
    285

    Overview of s40-theme.css

    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

  2. #2
    Nokia Developer Champion
    Join Date
    Oct 2010
    Location
    Singapore
    Posts
    221

    Re: Overview of s40-theme.css


  3. #3
    Regular Contributor
    Join Date
    Mar 2005
    Location
    Hamburg, Germany
    Posts
    285

    Re: Overview of s40-theme.css

    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

  4. #4
    Nokia Developer Expert
    Join Date
    Jun 2008
    Location
    Tampere
    Posts
    833

    Re: Overview of s40-theme.css

    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
    Series 40 Web Apps UI Visualisation Examples
    . That web app is a good resource to see how different UI components and navigation sturctures can be implemented.

    Br,
    Ilkka

  5. #5
    Nokia Developer Champion
    Join Date
    Oct 2010
    Location
    Singapore
    Posts
    221

    Re: Overview of s40-theme.css

    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

Similar Threads

  1. got these errors on QA overview
    By gcomanro in forum [Closed] Publishing to Nokia Store
    Replies: 4
    Last Post: 2010-12-01, 14:42
  2. Overview of USB OTG in N810
    By nly in forum Wired and Wireless interfaces (Closed)
    Replies: 0
    Last Post: 2008-03-04, 18:07
  3. Overview of how to develop
    By JeromeCallaghan in forum Mobile Java General
    Replies: 0
    Last Post: 2005-03-11, 15:50

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
×