Is it possible in Webflow to use two conditional visibilities with an "or" operator instead of an "and" operator for displaying athlete statistics?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Yes, it is possible to use two conditional visibilities with an "or" operator in Webflow for displaying athlete statistics. Conditional visibilities in Webflow allow you to show or hide elements based on certain conditions. By default, Webflow uses an "and" operator, which means all conditions must be met for an element to be displayed. However, you can achieve the desired functionality of using an "or" operator by utilizing custom code.

Here's how you can do it:

Select the element that you want to apply the conditional visibility to.
Open the element settings panel on the right-hand side.
Navigate to the "Display" section.
Click on the "+" button to add a new conditional visibility rule.
In the first dropdown menu, select the property you want to base the condition on (e.g., "Athlete Name").
Choose the desired operator (e.g., "is not empty").
Leave the second dropdown menu blank.
Click on the "+" button again to add a second conditional visibility rule.
In the first dropdown menu of the new rule, select another property (e.g., "Athlete Position").
Choose the same operator as before.
Leave the second dropdown menu blank.
Finally, switch to the "Custom Code" tab at the top of the settings panel.
In the "Enter custom code" input field, you can enter the following CSS code:

```css
display: none !important;
```

This code ensures that if none of the conditions are met, the element will be hidden.

Save your changes.

By setting up these conditional visibilities, you allow the element to be displayed if either the athlete's name or position meets the specified conditions. If at least one of the conditions is met, the element will be visible.

This method enables you to create more flexibility in displaying athlete statistics based on different conditions. However, keep in mind that using custom code may require a higher level of expertise and may not be suitable for beginners.

Additional Questions:

How do I add a conditional visibility rule in Webflow?
Can I use multiple conditional visibilities in Webflow?
Is it possible to combine multiple conditional visibilities with different operators in Webflow?

How can I display the "Happening tonight" section on my Webflow home page based on the current day of the week without assigning actual dates to the events?

How can I create a form in Webflow that verifies if a user-entered ZIP code is within a defined service area before allowing them to submit the form?

How can I limit users to only selecting three options from a checkbox question in Webflow? Can you provide guidance on integrating a multiple-selection question into Excel via Zapier when the question appears as blank in the spreadsheet?

Is Webflow Logic only available to select customers or is there a delay in receiving beta access?

In Webflow, what is the best way to display a 'no matching results' text when no results are found from select fields on a page?

Is there a glitch with a conditional visible element value causing a button to redirect to the homepage instead of the intended section on the same page in Webflow?

Can Webflow's logic service be used to create a multi-step select form field like the one on the example site provided? If not, are there any API solutions available?

Is it possible to enable the "add to cart" button only after a selection has been made in the size variant form-field on a webflow ecommerce site?

Is it possible to require all fields in one step of a slider form to be completed before the user can proceed to the next step in Webflow?

Is it possible in Webflow to use two conditional visibilities with an "or" operator instead of an "and" operator for displaying athlete statistics?