Hi all,
I am trying to display a new record in a modal on UI Builder. I want the user to fill in this form. However, I can not identify which component I should select in order to show a new record for a fixed table? I'd appreciate any help. Thanks.
Screenshot of some of the UI Builder components.
I just got this done. Here are steps with explanation:
Ingredients needed:
- A custom Modal (This would contain your new record form and a 'Submit' button)
- A Form component (We'll use this render your new record form with fields)
- A 'Submit' Button (The Form component doesn't come OOB with Save/Submit button , so we create ours)
- A 'New Record' Button (I added this to my page for demo. Clicking it would call the custom modal)
Steps:
1. Add a new Modal of Custom type
2. Inside the body of the Modal, add a Form component and a button component
Note: The Form component needs to use the Record form preset
3. Create a new Client State called newRecordSysId , with Type as Number and Initial Value as -1
4. Update the Data Resource Form Controller with a static table and SysId:
Note: A little patience is required at this step, the values might refuse to be updated, you gotta wait for the form to 'settle' and the pencil (Static input) icon to appear
5. Next we add 2 events to the 'Submit' button on the Modal:
- Click on the Button -> Go to Events tab -> Click Add Event Handler -> Type 'Save' -> Pick [Form action] Save
- Click on the Button -> Go to Events tab -> Click Add Event Handler -> Type 'Modal' -> Pick 'Open or close modal dialog' -> Select your modal from the dropdown, and keep the 'Open modal Dialog' toggle as false (This will ensure the popup is closed when you click the 'Submit' button)
6. Finally we tie the modal to the 'New Record' button:
Click on your 'New Record' button -> Go to Events tab -> Click Add Event Handler -> Select 'Open or close modal dialog'
Give it a try and let me know. It felt great making this work 🙂
