Support

Support

  • Olympe Website

›Getting Started

Olympe support overview

  • Orchestrator
  • 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

  • Archives DRAW
  • Archives CODE
  • Latest Releases

Demos

  • Charts Example
  • Workflows Management

Transition with data

Introduction

Sometimes it’s needed to pass an object from a screen to another (e.g. selecting a note in screen 1 and displaying its details in screen 2)

This is made possible by using Transition Data Mapping.

overview

How it works

prop_both_screens

These properties can then be used to pass values from one screen to another. prop_mapping

To provide a value to a Screen property, the Action “Set UI Property” can be used

It would be typically used just before a Dispatch Event call. full_steps

Exercise 15 – Display a note

The goal of this exercise is to display the details of a note on a different screen. To do this, mapping selected note from home screen to the detail screen must be done. exercise_15_result

  1. Go to App “Notes App”
  2. Open the Screen “View note
  3. In Context Editor, create 1 property of type Note named “Note to display”
  4. Add a Header named “Header”
    • X = Center, Y = Top
    • Width = 100%, Height = 90px
    • Title = function to display the summary of the note (prop “Note to display”)
    • Left button label = “Back”
  5. Add a Text Area named “Note content”
    • X = Center, Y = 120px
    • Width = 80%
    • Text = function to display the content of the note (prop “Note to display”)
  6. Go to App “Notes App”
  7. Open Screen “Home”
  8. In Context Editor, create 1 Note property named “Selected note”
  9. In Context Editor, add an Event named “On note selected”
  10. Click on “Notes List” and then on “Edit”
  11. Select the label and add an action which sets property “Selected note” to the note of the current line (current value) and which dispatch the event “On note selected”
  12. Add a transition from screen “Home” to screen “View”
    • Select event “On note selected”
    • Map properties “Selected note” and “Note to display”
  13. Add a transition from screen “View” to screen “Home”
    • Create a new event which is triggered by click on header “Left Button Click” event
← Query DataGenerate Rest API connectors from OpenAPI files →
  • Introduction
  • How it works
  • Exercise 15 – Display a note
Olympe Website
Copyright © 2021 Olympe