WebOSDev - Programming has just evolved: css

Showing posts with label css. Show all posts

Change background image of a palm dialog

Posted by codesos Thursday, June 24, 2010 0 comments

Ever wanted to change the background image of a palm dialog but all you could accomplish is an ugly rectangle inside of the Palm's Dialog;

Here is your solution:

In your CSS do this:

.palm-dialog-box

{

-webkit-border-image: url(../images/backdrop-dark.png) 32 24 32 24 stretch stretch;

}

where backdrop-dark.png is your image.

Enjoy

Full Story

Did you now that DatePicker's label is not shown in dialogs?

Posted by codesos Sunday, October 11, 2009 0 comments

v 1.2 comes with

.palm-dialog-box .label.left.mv-picker-label {
display: none;
}

in global-widget-mvpicker.css

to overcome this changed in your css:

.palm-dialog-box .label.left.mv-picker-label {
display: block;
}

Full Story

Change The width of Radiobutton

Posted by codesos Wednesday, September 23, 2009 0 comments

Tried to do that and failed?
Well it's a bug in the 191.14 SDK

Here's a workaround

in your .css file place this

.palm-radiobutton {
min-width: 10px;
}

Now change the width

.[YourControl's Class]
{
width:230px;
}

Full Story

changing the value font size of a ListSelector

Posted by codesos Sunday, September 20, 2009 0 comments

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;
}

Full Story

WebOSDev - Programming has just evolved