Support

Support

  • Olympe Website

›Getting Started

Olympe support overview

  • Olympe Support
  • Olympe Training Plan

DRAW

    Getting Started

    • Introduction
    • Content Organization
    • User Interface - Main concepts
    • User Interface - Functions
    • User Interface - Custom Visual Components
    • User Interface - Interactions
    • User Interface - Navigation
    • Data - Data Models
    • Data - Data Sets
    • Logic - Functions vs Actions
    • Create and modify data
    • Query Data
    • Transition with data
    • Generate Rest API connectors from OpenAPI files
    • Themes
    • Project dependencies
    • Export & Import

    Tutorials

    • Simple App Example
    • Expense App Tutorial

CODE

  • CODE API
  • Tutorials

    • Bootstrap a CODE development environment
    • Initialize the versioning system
    • Extend DRAW with custom logic bricks made with CODE
    • Extend DRAW with custom visual bricks made with CODE
    • Retrieve data from Olympe datacloud, transform it and display it in a custom Visual Component
    • Modifying the data on the data cloud
    • Visualizing participants interaction with a graph

    Further reading

    • A Beginner's Guide to Dataflows

Platform

  • VM Supported Hosts

Release notes

  • DRAW
  • CODE
  • Orchestrator

Demos

  • Charts Example
  • Workflows Management

User Interface - Interactions

Introduction

User interactions (e.g. Mouse Click) can be used to execute an Action. This can be defined in Properties Panel new_interaction

Actions are just like Functions except that are driven by a Control Flow.

A Control Flow defines the order of execution of the sub-actions. edit_action

Exercise 5 – Reusable Header Action

The goal of this exercise is to add a custom event named "On left button click" to the header so it is possible to define a custom action for each instance of the header when this event occurs. exercise_5_result

  1. Open UI Component “Header”
  2. In Context Editor, create 1 event named “On left button click”
  3. Add an Action on left button label which dispatch (trigger) event “On left button click”
← User Interface - Custom Visual ComponentsUser Interface - Navigation →
  • Introduction
  • Exercise 5 – Reusable Header Action
Olympe Website
Copyright © 2021 Olympe