{"id":7077,"date":"2024-04-14T17:21:24","date_gmt":"2024-04-14T09:21:24","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=7077"},"modified":"2024-04-14T17:21:24","modified_gmt":"2024-04-14T09:21:24","slug":"toggle-field","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/toggle-field\/","title":{"rendered":"Toggle Field"},"content":{"rendered":"\n
\n

The Toggle field is a Collection<\/a> field that is primarily utilized as a filtering tool. A toggle is a field type which can have either of two values: Yes or No. Collaborators can switch a toggle on or off to specify, for instance, if a blog post \u201cis featured.\u201d The toggle field can be utilized to filter Collection lists<\/a>. You can even arrange a list using toggles. And one of the optimal methods to utilize a toggle field is by establishing conditional visibility on elements in Collection lists and Collection pages<\/a>.<\/p>\n

Frequent Applications<\/h5>\n
    \n
  • Desire to showcase only non-profits? Create a \u201cNon-profit?\u201d toggle.<\/li>\n
  • Desire to exhibit featured articles? Create a \u201cFeatured?\u201d toggle.<\/li>\n
  • Desire to conceal specific items until they are prepared to be exhibited on your site? Build a \u201cHidden?\u201d toggle.<\/li>\n
  • Desire to display an \u201cOn Sale\u201d label only for chosen items? Build an \u201cIs On Sale?\u201d toggle.<\/li>\n<\/ul>\n
    Throughout this tutorial<\/h5>\n
      \n
    1. Development of a toggle field<\/li>\n
    2. Defining a toggle value<\/li>\n
    3. Filtering a Collection list using the toggle field<\/li>\n
    4. Organizing a Collection list using the toggle field<\/li>\n
    5. Establishing conditional visibility using the toggle field<\/li>\n<\/ol>\n

      Development of a toggle field<\/h2>\n

      A toggle field can be appended to a new or existing Collection. Within Collection settings, tap on New Field<\/strong> and then select the Toggle<\/strong> field.<\/p>\n

      \n
      <\/div>\n<\/figure>\n
      Insider Tip<\/h5>\n
      The prevailing value for a toggle is \u201cNo\u201d. Thus, when you establish a toggle, ponder labeling it with a query that will likely have \u201cNo\u201d as the answer most times. As such, you\u2019ll initiate the switch solely for the select \u201cYes\u201d answers. For instance, if you aspire to mask only a few out of a hundred blog posts, produce a toggle termed \u201cconcealed\u201d rather than \u201cdisplayed\u201d.<\/h6>\n

      Defining a toggle value<\/h2>\n

      Whether you\u2019re establishing a new item in the CMS from the Designer or the Editor, you can set a toggle on or off by straightforwardly toggling it to Yes<\/strong> or No<\/strong>.<\/p>\n

      \n