Configuring Components
1. Overview
In Mitra, configuring components involves three main steps: View (Data), Personalization, and Interactions. These steps are essential to define the behavior of each component according to your needs.
2. View (Data)
The View area is where you input the query that will feed the component with data. There are three main options for configuring a View:
SQL View: Allows you to manually create queries directly in SQL, using the tables from your Mitra database.
Data Analysis View: A no-code option in Mitra that enables you to quickly build data analysis queries by defining the metrics and axes you want to visualize.
Registration View: This no-code option allows you to select a record and automatically return all its attributes, facilitating the editing and manipulation of the record.
You can choose any of these three options to configure the View that best suits your component’s needs.
3. Personalization
Component personalization varies depending on the type of component you are configuring. Below is the list of available components in Mitra:
Funnel
Map
Pie Chart
Bar Chart
Speedometer
Progress
Card
Table
Label
Organizational Chart
Card Group
Selector
Container
Image
List
Board
Timeline
Calendar
Tabs
Stepper
Header
Form
Button
Inputs (including text input, large text input, numeric, date, checkbox, radio button, droplist, attachment, and input with view)
4. Interactions
The main interactions available are:
Action: Executes a Mitra no-code action.
Database Action: Triggers a database interaction written in DML format (INSERT, DELETE, UPDATE).
Filter Other Components: Allows filtering data in other components based on this interaction.
Form: Displays a form for data entry.
Detail Modal: Opens a modal focused on editing an item with various customization options.
Modal: Displays a custom modal.
With these three areas properly configured, your component will be ready to be used within your application in Mitra.