# Workflows

The Workflow is managed on the left side of the main Lucid Window. It contains your Bindings and Actions.

## A Typical Workflow

A typical Workflow will contain one or more Bindings, and sequences of Actions.

A) A Binding, this is used to attach Actions to particular events that occur on elements. For example, we could 'bind' a 'click' event on the 'BODY' element to an Action that reveals another element.

B) An Action, an Action performs an activity, such as an animation, or a countdown timer. They often, but not always refer to an element on a webpage, such as a DIV or an IMG (Image)

C) This is a Callback, it's connecting the Variables Action to the Animate Action. So once the Variables Action has run, the Animate Action will run after it.

D) The Element to affect. Often this will point directly to the element on the Webpage the Action will affect, but in this case it terminates with a semi-circle icon, this means the element to affect either does not exist, or it cannot be determined at that point.