.svg)
CHAPITRE 2 – Les Composants
Bienvenue dans ce nouveau chapitre consacré aux composants visuels dans Convertigo NoCode Studio.
In Convertigo, components are the building blocks of your app interfaces. Each component has a specific role: display text, receive input, offer user choices, or trigger an action. The Studio interface lets you drag and drop these components directly into your page without writing a single line of code.
Let’s now explore the most commonly used components, step by step.
Structure
Group: Organizes several components together for a clean layout. Great for creating clear sections.
Horizontal layout: Aligns multiple elements in a row. Ideal for placing buttons or fields side by side.
Texte
Text Input: A field users fill in freely (e.g., name, title, comment).
Description: Static text used to explain or guide users in a form
Interactive Fields
Checkbox: Enables or disables an option.
Checkbox Group: Lets users select multiple options from a list.
Single Choice: Select one option from a list (radio style).
Single Choice Grid: Displays a grid for selecting one option per row — useful for evaluations.
Linear Scale: Rates something from 1 to 5 or other ranges (e.g., satisfaction).
Dropdown: Select an option from a list — can be static or connected to a database.
Date / Time: Pick a date or time from a calendar or clock.
Camera: Capture a photo directly from the user’s device.
Data
Table: Displays tabular data (e.g., list of requests, feedback, users).
Connected Dropdown: Displays dynamic options from an internal or external table.
Chart: Visualizes data as bars, lines, pie charts, etc.
Map: Displays geographic locations (when data includes coordinates).
Other Components
Barcode Scanner: Scans QR codes or barcodes.
File Upload: Lets users upload a document from their device.
Signature: Captures a handwritten signature — useful for approvals or confirmations.
Geolocation: Automatically retrieves the user’s GPS location.
Interactions
Button: Triggers an action such as submitting a form, navigating to another page, or running logic.
Actions
Formula (Business Logic): Executes custom logic like calculations or conditions.
Toast Message: Displays a temporary message on screen.
Navigate to Page: Redirects to another screen in your app.
Open App: Launches another Convertigo application.
Add / Remove Row in Local Table: Modifies temporary in-memory data.
Condition / Loop: Runs actions based on a condition or repeatedly.
Refresh Data: Reloads data from the database.
Background Tasks
Generic Task: A customizable action for advanced use cases.
Send Email: Automatically sends an email.
Fill PDF Document: Populates a PDF template with data.
Add / Update / Delete Row in Database: Interacts directly with your NoCode database.
Update or Clear User Responses: Modifies or removes user-submitted values.
Conclusion
All of these components allow you to build powerful, business-ready applications tailored to your needs. In the next chapters, we’ll see how to connect these components to a database to save and manipulate real data.