WebOSDev - Programming has just evolved

The online blog for the webOS developer community you can find everything you need here to get a strong start developing applications for the webOS platform

Hi from NYC!!

Posted by codesos Saturday, November 20, 2010 0 comments


Hi All ,

Now I'm in the Webos 2 Developer day in NYC , Having the time of my life.


CYA

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

Move FilterField from top of scene

Posted by codesos Monday, April 5, 2010 2 comments



Tried to use FilterList widget with a view menu or a normal header? this is a problem because they  collided with the filter field once a letter is typed, because the filter field does not honor the height setting.

to over come it , add a class to your FilterListWidget and in the CSS do that:
.[Filter List Class] .filter-field-container {
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100px;
    z-index: 0;
}

This will fix this issue.

Nice Ah?

How to Make SwipeToDelete Dynamic

Posted by codesos Saturday, April 3, 2010 0 comments



You have to declare in th attributes of the list swipeToDelete: true  to allow the list to delete items , but add this preventDeleteProperty:'noDelete'  also if you want the list to be able to determine which items can be deleted or not.

so for example:
var attributes =
{
    itemTemplate: 'food-filter-list/entry',
    swipeToDelete: true,
    preventDeleteProperty:'noDelete',
    reorderable: false,
    filterFunction: this.FilterList.bind(this),
    formatters:{Food_Item:this.formatName.bind(this),Points:this.formatNumber.bind(this)},
    delay: 500, //1 second delay before filter string is used
    disabledProperty: 'disabled'
 };

this.model = {disabled: false};

this.controller.setupWidget('filterlistID', attributes, this.model); 
this.filterlist = this.controller.get('filterlistID');


the default implementation allows delete of all the items.

Now if you want to allow an item not to be deleted :

entry = {Food_Item: $L(row.Portion + ConnectionWord + row.Food_Item), Points: row.Points,ItemObj:row,'noDelete':true};

this.FoodList[i] = entry;
this way you can dynamically determine which item can be deleted or not

cool , no?