Visibility allows you to customize which fields to show in the collection and which to hide. You can also arrange their placement relative to each other.

Main Elements

1. Visibility Icon Clicking on it opens a modal. If changes were made in visibility, the icon will be light purple in the closed state of the modal, signaling that the settings have been changed. But without a counter, unlike filtering and sorting;
2. 'X' button Closes the sidebar;
3. Field Search Allows you to find the needed field by name;
4. Counter of displayed fields Shows how many fields are currently displayed in the collection out of 8 possible.
5. Field List Displays all available fields for display and shows their current state.

Showed fields limitation

You can display up to 8 fields in the collection. This is done to avoid cluttering the workspace and to avoid horizontal scrolling (see Collection).

Let's look at what the modal looks like with different numbers of fields:

1. All fields are hidden and the counter shows 0/8
2. Some fields are enabled and the counter shows 4/8
3. 8 fields are enabled, as indicated by the counter. All remaining hidden fields are in a disabled state. To display the Brand field, you will first need to hide one of the displayed fields and only then enable Brand.

Field States

Fields can have three states:

1. Active (field is displayed in the collection)
2. Hidden (field is hidden in the collection, but it can be enabled)
3. Disabled (field is hidden in the collection and it cannot be enabled, as 8 fields are already displayed)

The active and hidden states are toggled by clicking across the entire width of the row. Changes are applied immediately.

Moving fields

Visibility sidebar support drag-and-drop. Let's try to move the Price field to the second place.

1. Hover over the grip icon

   

2. Click and drag the field upwards.

   

3. Done. The field has moved in the collection. Also, we see that the 'Save changes' button has appeared because we have changed the view settings (see Saving views).

   

Search bar

Let's try to find the necessary fields through the visibility search bar

1. Click on the 'Search by field name' field

   

2. We see that the search field is active. Type the word Sale

   

3. The search is performed as you type symbols. We got 2 fields. Note: Search results can only be hidden/displayed. They cannot be moved around each other.

   

4. To disable the search, you need to click on the 'x' button and the modal will return to its default state. You can also press 'Esc' and the search will reset. The modal will return to its default state.

   

Side Cases

1. If all 8 fields are already displayed and you open a search, all hidden fields in the search result will be disabled. This means that the results can only be disabled. But you can disable another and enable that you want.

   

2. If you close the sidebar during a search, the search will reset and close, i.e., when the sidebar is reopened, it will be in its default state.

<aside> 🔖 Read more on this topic ——————————— Filter Filtering methods Sorting Sorting methods

</aside>

<aside> ➡️ Read next topic — Content editor ——————————————— Editor page

</aside>

• Getting started

• Scheme builder

• Collections

  Collection

  Saving views

• View settings

  Filter

  Filtering methods

  Sorting

  Sorting methods

  Visibility

• Content editor

  Editor page

• Navigation

• Media

• Team

• API