CGDevTools Forum

When I select an item I show a side panel (with controls to adjust some list item data);
Now when the list item lost focus , I need to remain persistent selected and different as colour.

Is that possible? And if yes how ?
Can use CSS class of the

Code: Select all

.ui-listview li .selected {}

?

Thanks!

Hi,

The jquery mobile framework, doesnt add any css class on click, so you must do it by yourself:

javascript code

function (event, ui){
  $(event.currentTarget).closest('ul').find('li.custom-selected').removeClass('custom-selected');
  $(event.currentTarget).addClass('custom-selected');
}

Put this click on each Item.OnVClick.Script, and them style your item with:

css code

li.custom-selected{
  background:red;
}

Best Regards.

Dear Alexander,

Works perfect !
This model will help me a lot...
thank you very much!

Dan

If you just wish to use the default "Active Button" colours for the JQuery theme you are using, you can use this script instead and no need for custom CSS.

Code: Select all

function (event, ui){
$(event.currentTarget).closest('ul').find('li.ui-btn-active').removeClass('ui-btn-active');
$(event.currentTarget).addClass('ui-btn-active');
}