Power-up: Conditional Styling

Learn how to use conditional styling in Composer Pro. This power-up includes examples of changing the color of a button when pressed and styling your list so that every other item has a gray background.

The formula functions used in this video

Changing a color property based on the true/false value of a page variable: IF(pageVars.completed, "#050A30", "#C6ECFF")

Adding alternating background colors to list items: IF(IS_EVEN(INDEX_OF(pageVars.listOfCourses, current)), "#e4e4e4", "#ffffff")

​

tags: buttons, colors, lists, zebra