Forum | Appery.io

Hi there,

I would like to conditionally format a list item based on a value in local storage.
For example, if the value assigned to the list item is in your "favourites" list (ie local storage), I would like that list item to be assigned a colour.

Can you please help.

thanks
james

Hello,

You need to apply different CSS styles according to required condition defined, you will find here how to style List component background, for example https://devcenter.appery.io/documenta..., you can add any CSS you need.

Add custom JavaScript state and according to this apply different CSS.

Hi Alena,

Thanks for your response.

That example does not specify for a single list item, but rather the whole list.

On page load I tried the following:

Apperyio("ListItem").css("background-color","linear-gradient(#00FF00, #00FF00)");

but it did not work even for the whole list.

I know that this works for other components though as I tested it on a button (obviously swapping the component name).

I actually want the colour for a list item to change depending on a label value that is mapped to the list item.

Any thoughts?

thanks
James

Hello,

Please use "page show" event instead of "load"

Hi Sergiy,

I have tried that as well, but it didn't work.

Regards
James

Please use property "background" instead of "background-color":
preApperyio("ListItem").css("background","linear-gradient(#00FF00, #00FF00)");/pre