Design Record View
From each table created in AppAlloy, an automatic record view is available, with settings based on the imported data source.
What is Record View?
A record view is a screen that presents the full details of the record of a data row from your table.
Access Record View
AppAlloy automatically generates a record view for each imported data source by default. The app creator can see the automatic record view below each imported table in the App Editor.
In the tab Design of the App Editor, on the right sidebar, in the section Tables, you can find the option of Record view for each table.
Design record view
To start designing the record view, simply click the option Record view of a table.
Design title & page cover
The title helps users to always know where they are in the app, while the page cover makes the view of each record more intuitive.
By default, AppAlloy will detect:
The display column of your table for the Title
The first column of the image link or type Photos for Page cover
What is the display column?
The display column is the key column of a data table.
When you create a view from the table, the data of the display column is chosen to be the title of the item by default.
When you create an Alloy table, you can flexibly choose a column as the display column.
When your table is synced from Google Sheets or Microsoft Excel, the first column is detected as the display column.
You are free to change the title and the page cover. Click the placeholder to make the change.
If you’ve synced a Google Sheet to create your app, by default, AppAlloy will pick up the columns in your sheet to create input fields.
Design components
Manage component type
Components are to represent the properties of a record, each component is for one property.
When creating the record view, with AI copilot, AppAlloy will learn your data based on the column type and its first 5 cells, then decide which component is suitable to represent the data as the record's property.
Based on the type of data source, you can change the components.
If your table is synced from Google Sheets or Microsoft Excel, to change a component:
In the design space of the Record view, on the left sidebar, click on a component
Go to the right sidebar, in Shown as, click the field to drag the list, and choose a new component.
If your table is an Alloy table, to change a component:
Go to the tab Data tab, on the left sidebar, and click on your table
In the table, click on a column's heading
In Type, click the field, and choose a type from the list.
Learn more about managing the data type while building your table:
Set up data sourceExplore all component types:
Design Record ComponentsChange component order
To change the component order:
on the left sidebar, hold your field item
drag the component up or down to change its order based on your order
The change should be reflected on the mobile app preview immediately after your change.
Hide a component
In some cases, showing all properties of the record is not really an optimal choice. Sometimes, hiding some components can increase the cleaness and intuitiveness of the view.
There are 2 ways to manage the visibility of a component on the Record view:
On the left sidebar, hover the cursor on a component, and click the eye icon to hide or unhide the component. Or,
Click on the component, then go to the right sidebar, in Visibility > Hide, choose Yes to hide the component or No to show it.
Design actions
Actions are what users can execute from a record view.
All actions you set to be available to your users are accessible in the right corner at the bottom of the screen.
Add new action
In the design space of the Record view, add a new action for the record view:
Go to the right sidebar, in Actions, click + button
In Title, enter a name and choose an icon for the action button when it appears in the action menu of the Record view.
In On click, click on Configure… to start modifying how the action is executed
Configure action
When you click on the Configure... field, the New Action section is opened. Here you can set up on how the action will execute:
Click +Then ... and choose an action type from the list.
Configure target, based on the action type.
With AppAlloy, there are multiple types of actions available for the app creator, to decide how the users are going to interact with components within the record view.
These action types transform your app from a static information portal into a true mobile application.
Update current record
Delete current record
Create Record
Open external URL
HTTP request
Open Phone Call PopUp
Open SMS pop-up
Open Email pop-up
Send Push notifications
For more item actions, check out the below guide:
Design ActionsConfigure confirmation
The confirmation message is a secure way to ensure that no action is executed accidentally, meanwhile a place where you may communicate with your users more about the consequence of executing the action.
To enable the confirmation message on the action, switch the toggle button of Require Confirmation
The default confirm message is "Are you sure you want to proceed?". To edit this message:
Click on the input field of the message
Choose a pre-defined data from the dropdown list, or
Choose Custom and enter your message, or
Choose Power FX to make the message customizable based on specific cases.
Design collaboration
Collaboration on the Record view allows the users to work together on each record exactly like what they are working on in the data row in the environment of a data table.
On the right sidebar, in Collaboration, you can:
Allow user to comment: choose Yes to enable the comment area, or No to disable it.
Comments are here to help people collaborate within a post, a sheet or an app. Click the Comment icon to see the interface where team members interact with each other.
Users can leave comments directly associated with the record item by this function.
Allow users to edit the record: choose Yes to show the Edit button, or No to hide the button.
Allow users to delete the record: choose Yes to show the Delete button, or No to hide it.
Otherwise, there is a default Subscribe button on the Record view. By subscribing to the record, users will receive all the updates on the record including new comments and editing.
What's next
Last updated
