@bgschust Two issues here: The Checkbox field type in Airtable and the alignment of icons on the screen.
Airtable Checkbox field type
Using a checkbox field type in Airtable brings some challenges:
The good news is it works in forms to create or update a record from the Airtable data:
The bad news is, as you describe, the toggle is not working in a custom list. @Ben @jeremy I think this is actually a bug.
Workaround:
In Airtable create a formula field with 0(zero) for false and 1 for true:
In Adalo create a custom list with two icons:
Add conditional visibility based on the formula field:
On both icons add an action to update the current record in Airtable:
Result:
Keeping the icons in the right spot
The text and the icons with the conditional visibility must be aligned from left to right with no space/gabs between them and no overlaps. When dragging it together make sure you see the red vertical guide that indicates that the objects “touch” each other.
Alignment Challenge 2
But what, if I want to aligned the icons on the right of the screen like this:
When setting it in the design screen like this:
The display in preview is not exactly aligned:
The reason for this is somehow that there are screen elements on the left and the right side from the center of the screen.
To trick the flexbox algorithm behind it I did the following:
I changed the screen size to width 700:
and aligned all elements except the card background from left to right.
The grey rectangle you see in the screenshot is another “helper” to align elements on the screen.
When everything is setup, I just make it invisible by switching of the background:
The result in preview looks like this:
On a screen bigger then 700, the icons would keep the position as you see it in the design screen: