Call a form when user selects a drop down value

Hi all, 

I have an interface where I've configured a drop down field. Upon selecting the drop down values different forms should load in the same section respectively. Please suggest how can I call interface 2 upon selecting a drop down value in interface 1 ? Thanks in advance. 

for ex I have a drop down field in below interface 1:

=load(
local!TicketTypes: cons!SAFETY_TEXT_REQUEST_TYPES, 

local!selectedTicketType,

with(
a!sectionLayout(
label: upper(
"details"
),
contents:
a!boxLayout(
label: "Ticket Related Information",
style: "ACCENT",
contents: {
a!dropdownField(
label: "Ticket Type",
instructions: "Value saved: " & local!selectedTicketType,
placeholderLabel: "--- Select Ticket Type ---",
choiceLabels: local!TicketTypes, 
choiceValues: local!TicketTypes,
value: ri!SAFETY_cases.case_type,
saveInto: {
ri!SAFETY_cases.case_type,

}),

Now I have to call below interface 2 in interface 1 when user selects first drop down value:

a!sectionLayout(
label: upper(
"company information"
),
contents:
a!columnsLayout(
columns: {
a!columnLayout(
contents: {

a!textField(
label: "Client Name",
labelPositon: "ABOVE",
instructions: "",
placeholder: "- - - Enter Client Name - - -",
value: ri!SAFETY_CASES.client_name,
saveInto: "",
required: true,
validations: "",

),

a!checkboxField(
label: "Type of Request",
instructions: "",
required: true,
choiceLabels: {
"New Request",
"Update Exisiting Instructions",
"Delete Request"
},
choiceValues: {
"New Request",
"Update Exisiting Instructions",
"Delete Request"
},
value: ri!SAFETY_CASES.request_type,
saveInto: "",
choiceLayout: "STACKED",

)
}
),
/*EXTRA SPACE*/
a!columnLayout(
content: {},
width: "NARROW",

),
a!columnLayout(
contents: {

a!textField(
label: "Account Number",
labelPosition: "ABOVE",
instructions: "",
placeholder: "- - - Enter Account Number - - -",
value: ri!SAFETY_CASES.account_number,
saveInto: "",
required: true,
validations: {},

),

}
)
}
))

 Discussion posts and replies are publicly visible