Why Classify?

General Stuff

How it Works

The ID field

Syntax

CSS Classes

Adding Classes

Removing Classes

Temporary Classes

Putting it all Together

Setting Attributes

Setting Style

Global Variables

Prefixed Based on Type

Spaces and Uppercase

Native Variables

Using Variables

Running Javascript

Context

Examples

Other Commands

tabIndex

value

disabled

checked

Tips-n-Tricks

Conditional ID field

Dynamic data in ID field

Multiline ID field

Outsource your code

Ressources

Release Notes

$why Classify?$

😭 THE ISSUE: To be the coolest no-code platform on the block, Bubble had to make it dead simple for non-devs to create web apps. This means that the folks who made Bubble had to cut down on what’s possible to achieve in web development in favor of a slick and well framed platform for «visual coding». Thanks to them, now my grandma’s makin more Gs than her doc. 💰

🤩 THE KLUDGE: Classify is a plugin that aims to gap that lost potential by easing the use of custom codes within your app (CSS/Javascript/HTML). Although it has more than one trick up its sleeve, its main feature lies in its capability to set CSS classes on elements (in addition to Bubble’s native ID feature).

But Classify’s about more than just CSS classes. It also allows you to run arbitrary JS codes in the context of an element. And starting with version 4, …🥁…, you may access your Global Style Variables with your CSS, mess around with HTML attributes (yes that includes **style 💪) and more. Have a look at the docs to know more. ⤵

<aside> 🔮 This page is not intended to metamorphose you into a full blown front end dev. Rather, it assumes you are familiar with CSS, HTML and Javascript. But I’m not that cold hearted. I still provided a list of useful ressources to help you out. 🤙

</aside>


$general stuff$


$CSS classes$


$setting attributes$


$setting style$


$global variables$


$running javascript$


$other commands$


$tips-n-tricks$


$ressources$


$release notes$