🌎
Geoflow Docs
  • 🌎Welcome to Geoflow
  • 🔍Overview
    • Visitor Data Properties
  • ⭐Features
    • Geo Visibility
      • Define Multiple Conditions
      • Match All Conditions
      • Partially Match Condition
      • Reverse Condition Value
      • Custom Classes
    • Geo Form
      • Autofill Form Fields
      • Auto-Populate Select Fields
    • Geo Text
    • Geo Style
    • Geo Script
    • Script Extensions
      • Performance
      • Marketing Parameters
    • Optional Settings
      • Script Tag Data Attributes
      • Meta Tags
  • ⚙️Advanced
    • Code Snippets
    • Methods
      • run
      • getData
      • updateData
      • displayData
      • clearData
      • checkCondition
      • select
    • Callbacks
    • Events
    • REST API
      • Get Visitor IP
      • Get Visitor Data
      • Add Website
      • Delete Website
      • Update Website
      • List Websites
      • Get Website
  • 📄Legal
    • License Agreement
Powered by GitBook
  1. Features
  2. Geo Visibility

Custom Classes

Apply a custom class, overriding the default, to any element that is displayed or hidden by Geoflow according to the condition(s) defined.

How Does It Work?

By default, Geoflow will apply one of two classes to an element based on its visibility status.

Shown Elements: gv-shown Hidden Elements: gv-hidden

You can override this default behaviour and set your own custom classes by applying one or both of the data attributes noted below in the table.

How To Implement

Attribute Name
Attribute Value
Which Page Element?

data-gv-class:show

your-custom-class

Any element with the Geo Visibility data attribute.

data-gv-class:hidden

your-custom-class

Any element with the Geo Visibility data attribute.

Any valid string of text, number(s) or special character(s) will be accepted as the value.

PreviousReverse Condition ValueNextGeo Form

Last updated 1 year ago

Was this helpful?

⭐
Page cover image