Creating a new log, with a modal

Next, we are going to add a “Create new” button to our Service Log. We want to enter the new details into a form, inside a modal.

First, we will create and configure a button.

1. Create the button, and position it on the screen using a container. We place the container above our Service Log table, then place the button inside, and right-align it.

2. Click on your button, and choose “Define Actions”.

3. Add a “Navigate To” action, with the URL “/servicelog/new/row”, and tick the box to “Open screen in modal”.

Next, we will build the screen for “New Service Log”.

1. Click on the “+” button to create a new screen.

2. For “Template”, choose “ServiceLog - new”.

3. Set the URL to “/servicelog/new/row”.

4. Uncheck “Create Link in navigation bar”.

5. Click “Create”.

6. Budibase has generated a form for us, but we should remove some unnecessary columns:

   • ID - this is generated by our database

   • VehicleID - this is handled by the “Vehicle” dropdown

7. Finally, we need to tell our screen to “Close Modal” on save, which is not the default action for this type of screen.

   • Click on the “Save” button

   • Click on “Define Actions”

   • Remove the “Navigate To” action.

   • Add a “Close screen modal” action.