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
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;
}
top: 0px;
left: 0px;
position: fixed;
width: 100%;
height: 100px;
z-index: 0;
}
This will fix this issue.
Nice Ah?
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 useddisabledProperty: '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?

