docs
Getting started Quickstart First CRUD App Core Concepts Core versions
v15.0.0 development v14.0.6 latest v14.0.5 v14.0.4 v14.0.3 v14.0.2 v14.0.1 v13.0.9 v13.0.8 v13.0.7 v13.0.6 v13.0.5 v13.0.4 v13.0.3 v13.0.2 v13.0.1 v12.1.6 v12.1.1 v12.1.0 v12.0.7 v12.0.6 v12.0.5 v12.0.4 v12.0.3 v12.0.1 v12.0.0 v11.5.18 v11.5.15 v11.5.13 v11.5.7 v11.5.5 v11.5.3 v11.4.7 v11.3.3 v11.3.2 v11.3.0 v11.2.5 v11.2.1 v11.1.17 v11.0.1 v11.0.0 v10.6.7 v10.6.2 v10.6.1 v10.5.10 v10.5.2 v10.4.54 v10.4.53 v10.4.52 v10.4.51 v10.4.47 v10.4.46 v10.4.29 v10.4.28 v10.4.21 v10.4.20 v10.4.16 v10.4.15 v10.4.14 v10.4.7 v10.3.14 v10.3.13 v10.3.11 v10.3.2 v10.2.9 v10.2.7 v10.2.1 v10.1.2 v10.0.18 v9.4.42 v9.4.39 v9.4.4 v9.3.25 v9.3.13 v9.3.5 v9.3.2 v9.2.15 v9.2.5

Cluster

Getting Access User Access User Roles Explained Token Device Data Deployment Usage Build Your First API API Guide API's
api-history audit-logs authentication authentication-groups blueprint-action-types blueprint-actions blueprint-activity blueprint-changes blueprint-comments blueprint-components blueprint-events blueprint-fields blueprint-flows blueprint-tags blueprint-templates blueprint-validation blueprints cache-management cluster-statistics entity-management feedback ip-management language language-management languages local-devices node-settings password-reset queue react-components redis-keys settings storage storage-events system system---languages system-assets system-hints system-information system-key-value system-logs system-nodes system-security system-storages system-threads system-upgrades system-users user-activity user-groups user-logs users well-known

Blocks

All blocks
Apple API NS a* path finding aggregation alias amazon aws android anthropic apn array attributes banking base64 broadcast browser condition crypto currency date discord dns dobot edifact events field validation fields files finance float floriday flow foreach ftp function execution function selectors funnels geopoint github globals google google maps home automation http http connection injectable functions json json web token jsonp lettermint line stop listener locking logging mailchimp math messagebird modal functions mollie mssgs mssql mutations nginx number object openstreetmap pathfinding payments places postmark postmark account printer query querystring queue redis references regexp scopes session management sftp shipping soap connection state state actions state elements state events state execution state triggers state ui storage stripe studio functions stylesheet styling system settings threads tikkie timers timezone translations twilio twinfield type casting ui ui class users value vat video virtualisation webhooks websocket xml zip zpl
Block Templates Finding Blocks

Interfaces

Context Menu Components RUAL Library RUAL Components RUAL Studio Handle Iterations Overwrite Defaults Login Escape Hatch

Blueprints

Introduction Tips & tricks Best Practices Common Blueprint Patterns Block Execution Object References Locking & Concurrency Storages Storage Events Storage Examples Protected Storages Repeating Events Queue Assets System Settings System Settings Reference Common pitfals Precompiling Remote access control Service Providers Places and Geo Search

Tutorials

Building User Authentication Creating a REST API Dashboard with Charts File Upload & Processing Email System Setup Third-Party Integrations Building AI Endpoints Building a Login Page Building a Reporting API City Filter Uploads API with Locking Local Home Automation

Home Automation

Introduction Setting Up a Nano Discovering and Adopting Trigger Reference Action Reference Example Flows History and Energy Troubleshooting

Examples

Simple Blog E-Commerce Catalog User Management Booking System Inventory Tracker Task Management

Reference

Block Quick Reference API Endpoint Reference System Settings Quick Ref Component Props Reference Error Code Reference Location Blocks DNS Zone Blocks

Architecture

Choosing Your Approach Version Management RUAL Core Nano Scaling and Sizing

Troubleshooting

Common Issues & Fixes Debugging Blueprints

Other

React Native
Support
© 2026 Deverence Group B.V.

custom modal

This block is part of the User Interface group and was last modified in core v13.0.2.

custom modal Deprecated since v13.0.2 v13.0.2

Opens a modal based on the connected UI component

In pins 11 + flow
  • flow
    flow
  • Unique id
    value

    Value to make the outlet unique if it is being used multiple times on the page

  • UI Component required
    uicomponent
  • class: backdrop v11.5.3
    uiclass

    Default modal-backdrop show

  • style: backdrop v11.5.3
    uistyle
  • class: wrapper v11.5.3
    uiclass

    Default modal show modal-open d-block

  • style: wrapper v11.5.3
    uistyle
  • class: modal v11.5.3
    uiclass

    Default modal-dialog modal-dialog-centered

  • style: modal v11.5.3
    uistyle
  • class: content v11.5.3
    uiclass

    Default modal-content

  • style: content v11.5.3
    uistyle
  • On Close v10.4.51
    inpinfunction

    Function that will be executed as soon as the modal closes

Out pins 0 + flow
  • flow
    flow
open

Version history

Introduced in v13.0.2.

Deprecated since v13.0.2.

v11.5.3 This block or one of its pins was updated in v11.5.3, click here to see the release notes. v10.4.51 This block or one of its pins was updated in v10.4.51, click here to see the release notes.
Back to User Interface Return to the main group to view all sub-groups Back to UI Return to the group to view all blocks within this group

Was this page helpful? Tell us what to improve · RUAL Docs is an integral component of the RUAL ecosystem