Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
No Code
No Code
  • 🏁Getting Stared
    • 🥳Introduction
      • What is Uncodie?
      • App
      • Figma No Code Plugin
        • How to associate your Figma token to Uncodie?
        • How to associate an Uncodie project to figma?
  • 📖Basic Concepts
    • 🧩Components
      • Screen Page
        • Screen Layout
        • Screen Content
      • Table View
        • Table View Header
        • Table View Row
        • Table View Cell
      • Form
        • Text Area
        • Selector
        • Input
        • Button
        • Output
      • HTML components
        • Headers
          • H1
          • H2
          • H3
          • H4
          • H5
        • Title
        • Parragraph
        • List
        • Iframe
        • Video
        • Audio
        • Link
        • Progress
        • Meta
        • Image
        • SVG
      • Advanced
        • Chart
          • Style Personalization
        • Repeat
        • Loading
    • 🎨Appearance
      • Visibility
      • CSS
      • Adaptative Design
      • Responsive Design
    • 🏗️Prototyping
      • Modals
      • Variants
      • Navigation
    • 🔤Variables
    • 💽Data Sources
      • Collections
      • Queries
      • Scripts
    • 🔍Data Binding
    • ⚡Actions
      • Scripts
      • Events
    • 🧑User Management
      • Privacy
    • 🍪SEO and Tracking
      • Capabilities
      • HTML Head Scripts
    • ☁️Publish and Deploy
      • Custom Domains
Powered by GitBook
On this page
  • Overview
  • Setup
  • Default Actions
  • Variable Setting
  • Queries Refreshing
  • Select and Navigate
  • Use Cases
  • Adding Custom Logic
  • Creating a Javascript Action
  • Custom Logic
  • Importing a Script

Was this helpful?

  1. Basic Concepts

Actions

Javascript code executions

PreviousData BindingNextScripts

Last updated 1 year ago

Was this helpful?

Overview

Actions are javascript function calls that can send contextual parameters from your application. Uncodie allows you to create any custom action for your application.

Setup

Actions depend upon events to be triggered, once the event is triggered by the app your selected Action will be triggered, for events setup see:

Default Actions

Variable Setting

Use this action to easily set a variable state in the app, for more information see:l

Queries Refreshing

Use this action to easily refresh a Querie loaded on the screen

Select and Navigate

Use this action to easily select a property in your component data source and pass it as a URL param for the Route Context to the next screen, for more information see:

Use Cases

Adding Custom Logic

You can add custom logic to your app by creating actions tailored to your app's most common use cases and triggering those actions from your app events.

Creating a Javascript Action

Custom Logic

  1. Navigate to the Events section of the IDE

  2. Select New Event

  3. Select your action trigger

  4. Select No Code

Importing a Script

You can use any external script and pass the parameters you require to use it, see:

📖
⚡
Events
Manifest
Set Variable
Select and Navigate
Logo
Refresh Datasource Query
Logo
Logo
Logo