top of page
Hello Multi-state Boxes

Hello Multi-state Boxes

Get started with multi-state boxes.

Intermediate.png

Beginner

2K

Published:

February 26, 2023

Girl Enjoying her Drink

by

​

Anchor 1
Hire a Developer

Example Description

Multi-state boxes are boxes that contain multiple visual states, each with different content. In this example, we demonstrate how to change between states using code.

Example Code

Tab 1

.

Tab 2

.

Tab 3

.

This code solution can be complicated.

How We Built It

Page Elements


We added a multi-state box with 3 states. We also added 3 buttons for switching between the states.


Page Code


We added 3 event handlers for the 3 buttons on the page. Each event handler changes the state of the multi-state box to another state.

APIs We Used

$w.MultiStateBox API

Non-code example.

Related Articles

Article Link

Hire a Developer

Velo solutions are powerful tools, but building them on your own can be challenging. Let an experienced Velo development shop build it for you, so you can keep working on your site or business.

Related Examples

Did this help?

Yes

|

No

Thanks for your feedback!

Image placeholder.png

Add to Cart Gallery

Let customers to add products to their cart

Intermediate.png

INTERMEDIATE

Image placeholder.png

Hide and Show Elements

Hide and show elements in response to user interactions

Begginer.png

BEGGINER

Image placeholder.png

Hide and Show Elements

Hide and show elements in response to user interactions

Begginer.png

BEGGINER

Anchor 2
bottom of page