HTML + JavaScript | Presentation/UI Layer

Rayven's HTML + JavaScript capability removes the ceiling on interface customisation.

Any widget, dashboard panel or application screen accepts custom HTML, CSS + JavaScript injection - enabling bespoke visualisations, dynamic form interactions, third-party library integrations + fully custom layouts that aren't achievable with the standard widget library.

Code execution is sandboxed, governed + audited. Dynamic variables pull live data from workflows directly into HTML content. Bidirectional data flow means custom UIs can both display live data and push user input back to workflows.

Custom HTML widgets

Inject custom HTML + CSS into any widget slot on a dashboard or application screen. Build bespoke table layouts, specialised data displays, branded UI components + custom navigation elements that go beyond the standard widget configurations. Custom HTML renders alongside standard widgets on the same page.

JavaScript logic + interactivity

Write custom JavaScript to create dynamic, interactive interface elements - sliders, custom dropdowns, data-driven conditional displays + animated visualisations. JavaScript executes within a sandboxed environment with role-based access, secrets management + audit logging.

Third-party library integration

Import approved external JavaScript libraries directly into HTML + JS nodes - chart libraries, mapping frameworks, physics engines, interaction toolkits + more. Extend Rayven's interface capabilities with any front-end library without building a separate application.

Dynamic variables + live data injection

Pull real-time data from workflow nodes directly into HTML content using dynamic variables. Display current sensor readings, calculated metrics, ML predictions + table records within custom HTML elements - updating automatically on each workflow refresh cycle.

Bidirectional data flow

Custom HTML forms + interactive elements can push data back into Rayven workflows. User inputs, control interactions + form submissions from custom HTML interfaces route directly into workflow chains - maintaining the same data governance + audit trail as standard form widgets.

Sandboxed execution + governance

All HTML + JavaScript execution runs in a sandboxed environment. Code is logged, access is governed by role-based permissions, secrets are managed securely + all interactions are included in the platform audit trail. Custom code gets full capability without bypassing platform governance.

Can I use custom HTML and JavaScript in Rayven interfaces?

Yes. HTML and JavaScript widgets can be inserted at any position in a Rayven dashboard, form or application layout. They have access to Rayven data context and can interact with other platform components. See Widgets + UI Components.

What can custom HTML/JavaScript widgets do?

Render custom charts using third-party libraries (Chart.js, D3, Highcharts), embed external iFrames, display calculated content, implement custom interactions, apply brand-specific styling and call external APIs. Explore the full Presentation Layer.

Can custom widgets access live Rayven data?

Yes. The Rayven platform passes current data context to HTML/JavaScript widgets at render time. Widget code can access UID-specific values, table records and calculated metrics from the surrounding dashboard. See Unified Data Tables.

Is coding knowledge required to use HTML/JavaScript widgets?

Yes, for custom widget development. The rest of the Rayven interface is no-code. Standard visualisations require no coding - see Dashboards + Visualisations. HTML/JavaScript is for developers extending beyond standard components.

Can I embed a third-party map in a Rayven dashboard?

Yes. Leaflet, Google Maps, Mapbox and other JavaScript mapping libraries can be embedded via HTML/JavaScript widgets. Asset location data from Rayven tables can feed map markers dynamically. See Dashboards + Visualisations.

Are there security restrictions on custom JavaScript execution?

Yes. Custom JavaScript executes within the Rayven application context. Access to sensitive platform APIs requires appropriate role permissions. Externally loaded scripts are subject to content security policy controls. See Security.

Can custom HTML be used in Dynamic Reports?

Yes. Report templates support HTML and CSS customisation for layout, branding and content presentation. This allows reports to match organisational visual standards precisely. See Dynamic Reports.

Can custom widgets interact with workflow triggers?

Yes. A JavaScript widget can send a POST request to a Rayven inbound API endpoint, triggering a connected workflow from a user action within the interface. See API Endpoints.

Can I include external CSS frameworks in custom widgets?

Yes. External stylesheets and frameworks (Bootstrap, Tailwind, etc.) can be loaded within HTML widgets via standard link and script tags. Scoping to the widget container avoids conflicts with Rayven platform styles. See Widgets + UI Components.

Can HTML/JavaScript widgets be reused across multiple dashboards?

Yes. Custom widget templates can be saved and reused. The same widget with different data context parameters can be deployed across multiple dashboards without rewriting the underlying code. See Widgets + UI Components.

Give AI agents all your data.

Sectors

Job Roles

Overview

Set Engagements

Overview

We Partner With

Library

Our Company

HTML + JavaScript.

Full code control, inside the platform.

What HTML + JavaScript gives you.

Custom HTML widgets

JavaScript logic + interactivity

Third-party library integration

Dynamic variables + live data injection

Bidirectional data flow

Sandboxed execution + governance

Where HTML + JavaScript fit in the Rayven Platform stack.

How HTML + JavaScript get used.

Custom real-time asset status display for a mining operator

Interactive data entry form for a field services team

Partner embedding a third-party mapping SDK into a client portal

Rayven HTML + JavaScript FAQs:

Can I use custom HTML and JavaScript in Rayven interfaces?

What can custom HTML/JavaScript widgets do?

Can custom widgets access live Rayven data?

Is coding knowledge required to use HTML/JavaScript widgets?

Can I embed a third-party map in a Rayven dashboard?

Are there security restrictions on custom JavaScript execution?

Can custom HTML be used in Dynamic Reports?

Can custom widgets interact with workflow triggers?

Can I include external CSS frameworks in custom widgets?

Can HTML/JavaScript widgets be reused across multiple dashboards?

Also in the Presentation / UI Layer:

Widgets + UI Components

Notifications + Alerts

Dashboards + Visualisations

Dynamic Reports

Custom Form Builder

Screen Flows + Hierarchies

QR Code Generator

Conversational Analytics

Ready to build your perfect UI?

Discover the easy way to do something new.