[Resolved] Create daily date and time based colored bars with custom field input

[Author]

Posts

[tonyG-2]

I am trying to: Create a new daily custom page with custom post type data to set the color of time based bars via select fields with 5 values. The default value is "Undetermined"

This is a sample mockup page: hidden link (Also screen shot attached)

I expected to see: Daily page automatically created on first visit with default values of Undetermined and a gray color.

Instead, I got: I have not figured out the correct way to accomplish this task.

[Beda]

As far I understand your Goal, you want to display something conditionally to a value coming from a Select field.

This can be done with HTML conditional, where you wrap your Content To Be Displayed in HTML classes, that apply conditionally, related to the value from your Custom Field.
You then apply the colours by CSS to your HTML Classes.

This is elaborated here:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/

An example can be:

[wpv-conditional if="( $(wpcf-select-field) eq '1' )"]<div class="green">content here</div>[/wpv-conditional]
[wpv-conditional if="( $(wpcf-select-field) eq '2' )"]<div class="red">content here</div>[/wpv-conditional]

And then you apply some CSS to the HTML class "red/green".