docs
Getting started Quickstart First CRUD App Core Concepts Core versions
v15.0.0 development v14.0.5 latest 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 Home Automaton NS a* path finding aggregation alias amazon aws android anthropic apn array attributes banking base64 broadcast browser condition crypto currency date discord dobot edifact events field validation fields files finance float floriday flow foreach ftp function execution function selectors funnels geopoint github globals google google maps 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 number object openstreetmap pathfinding places postmark postmark account printer query querystring queue redis references regexp saltedge scopes session management sftp shipping soap connection state state actions state elements state events state execution state triggers state ui storage studio functions stylesheet styling system settings threads tikkie timers timezone translations twilio twinfield type casting ui ui class users value vat video 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 Repeating Events Queue Assets System Settings System Settings Reference Common pitfals Precompiling Remote access control 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

Architecture

Choosing Your Approach Version Management RUAL Core Nano

Troubleshooting

Common Issues & Fixes Debugging Blueprints

Other

React Native
Support
© 2026 Deverence Group B.V.

picture

This block is part of the Component UI group and was last modified in core v10.4.28.

picture v10.4.28

Basic HTML picture element

In pins 2
  • lazy loading
    condition

    Will load the image when visible if set to true

    Default false

  • sources
    array

    The different alternative pictures that can be used. Strings and objects are supported. If the value is a string it will be used as srcset, for the objects the following fields can be set: media, sizes, src, srcset or type

Out pins 1
  • uicomponent
    uicomponent

A typical wiring for picture: the uicomponent out pin feeds build PDF.

Studio canvas example for the picture block: typical wiring for picture.

Version history

Introduced in v10.4.28.

Back to Component UI Return to the main group to view all sub-groups Back to image 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