on this page hidden link i have a corona section , it is set to display different coloured backgrounds dependant on the data saved by the toolset custom field whis is a select field.
username toolset password toolset will let you view the front end. for back end you will need set a privatee reply so i can provide
it uses this view hidden link
which has in it
[wpv-conditional if="( $(wpcf-corona-virus) eq '' )"]
<div class="mynone">
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-corona-virus) eq '2020 events going ahead' )"]
<div class="mygreen99">
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-corona-virus) eq '2020 events cancelled' )"]
<div class="myred99">
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-corona-virus) eq '2020 To Be Updated' )"]
<div class="myorange99">
[/wpv-conditional]
<div class="myimg2"><div class="myimg">Corona Virus : <img src="hidden link" width="15" height="15" class="" /><span class="myspan1"> [types field='corona-virus'][/types]</span></div></div>
</div>
and in the custom csss
.myimg {
display: inline-flex;
padding: 3px;
}
.myspan {
font-size: 15px !important;
}
.myspan1 {
margin-left:3px !important;
}
.myspan2 {
margin-top:1px !important;
}
div.mygreen99 {
background-color: #81ef81;
color: #000;
margin: 6px;
display: inline-flex;
font-weight: bold;
border: 2px solid black;
}
div.myred99 {
background-color: #e81414;
color: #000;
margin: 6px;
display: inline-flex;
font-weight: bold;
border: 2px solid black;
}
div.myorange99 {
background-color: orange;
color: #000;
margin: 6px;
display: inline-flex;
font-weight: bold;
border: 2px solid black;
}
div.mynone {
display: none;
}
div.myimg2 {
padding: 2px;
}
this view is inserted in to the page using <?php echo do_shortcode("[wpv-view name='single-club-corona']");?>
here hidden link
no matter which of 3 selct is chose or if none are chosen in the backend the display out come is the same.
thanks