www.webOShelp.net

Get the latest on:webOS RSS FeedwebOS Facebook page webOS Twitter Feed

Home Forums

The www.webOShelp.net WebOS / Mojo Developers' Forum

WebOS Mojo Development => Mojo General => Topic started by: slyckstyx on August 10, 2009, 01:19:44 PM



Title: List Selector (".palm-popup-container") font-size
Post by: slyckstyx on August 10, 2009, 01:19:44 PM
I cannot seem to change the size of the font of the list selector popup container.  I have used the following variations:

div.palm-row-wrapper {
   font-size:x-small;
}
.palm-popup-container {
   font-size:x-small;  <--- (also used "8px", ".5em", "8pt", etc)
}

Can someone either tell me what I am doing wrong, or if there is no support for changing the font size for this particular element?


Title: Re: List Selector (".palm-popup-container") font-size
Post by: slyckstyx on August 12, 2009, 12:59:25 PM
Ok, I got the popup container font size, but now I cannot get the "selected" option font size to change.

I am fairly adapt at CSS, but I cannot figure out what child/parent class/id I need to change the font size.

Please help!


Title: Re: List Selector (".palm-popup-container") font-size
Post by: slyckstyx on August 12, 2009, 01:33:36 PM
For anyone else out there with my problem, I have figured it out:

In the scene (html file), you must add a custom class label like so:

<div class="palm-row my-custom-style" x-mojo-tap-highlight="momentary">
   <div class="palm-row-wrapper">
      <div id="stages" x-mojo-element="ListSelector"></div>
   </div>
</div>

Then in the stylesheet, you reference that custom class and subclass ".title":

.my-custom-style .title {
   font-size:12px;
}

Glad I could help myself figure this one out!   ::)