Index of Velo Examples

Show and tell
,
8

Hey @dsac
You can use the show() & hide() functions on most elements.

Simulate tabs on your site with Google Event Calendars as follows:

  1. Add as many Google Event Calendars as you want, and layer them on top of each other.

  2. Add a button for each calendar on top. These are the “tabs”.

  3. Add an event handler to each button via the Properties panel that shows the corresponding calendar and hides all other calendars. For example:

export function button1_click(event) {
    $w('#googleEventCalendar1').show();
    $w('#googleEventCalendar2').hide();
    $w('#googleEventCalendar3').hide();
}

BTW, soon we’ll be releasing a new element that makes it even easier to simulate tabs on your site, so stay tuned!
Tova