Show form fields dynamically based on what is chosen from the field above


I am new to Outsystems and learning the Reactive Path.

I want to dropdowns based on what was chosen by the other dropdown above. 

When the user selects the "Leave type" (Static entity), depending on the selection, I need to show or hide other widgets. If the employee selects "Annual" (See attached), the "Illness dropdown" should not show, only the "Leave reason" should appear.

When the user selects "Sick", only the "illiness dropdown" should show. 


Hi Lebohang,

Please find the attached OML as per your requirements. I did the below changes -

1. Set the Illness container name as "IllnessContainer".

2. Added style = "display:none;" attribute in "IllnessContainer".

3. Create on change event for Leave Type dropdown with LeaveTypeId input parameter.

4. On Leave Type dropdown change event display and hide the "IllnessContainer" using javascript.




Thank you Sir, much appreciated.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.