📓 Edusign Application Blocks

Building blocks

Visual components known as Blocks can be stacked and arranged to create your app layouts.

Learn how to construct stacks of Blocks and add them to your app by reading our guide.

Build and prototype visually

When you're ready, shuffle and stack blocks to quickly prototype layouts in the Edusign Application. We'll provide the payload, so all you have to do is copy and paste it into your app's code.

For that: Design layouts with our Visual Blocks Builder

Interactivity in blocks

Use special components like Form or Button to use interactivity in your app.

Get a quick overview of the available interactive components and guidance on seamlessly integrating interactivity into your app by reading our overview.

📘
Go further
Use our Edusign utility tool (@_edusign/api) to simplify your application creation logic

⚠️
Important: Iframe usage on mobile devices
When using Iframe Blocks in mobile applications, stricter Content Security Policy (CSP) rules apply. If your iframe content is hosted on an external domain, you must configure the CSP frame-ancestors directive to allow embedding from mobile webview contexts.
For Capacitor-based mobile apps, ensure your server's Content-Security-Policy header includes these origins in frame-ancestors:

http://localhost and http://localhost:* — for local development and testing

capacitor://localhost — for the Capacitor webview (note: this uses the capacitor:// scheme, not https://)

Where to configure this:

Web server configuration (Nginx, Apache, IIS, etc.)

Backend middleware that adds HTTP headers

CDN or reverse proxy (Cloudflare, AWS CloudFront, etc.)

The client serving the iframe content must modify the Content-Security-Policy HTTP response header on their page to include these values in the frame-ancestors directive.