Dynamic Dropdown

This component renders multiple, filtering, dropdowns that populate the link or a section of content. Changing any of the options in the selects will update the rest of the content to the right of the selection.

Fields on the datasource item are:

  • Title 
    • Single line text
    • Displays above the select elements as an H2 tag
  • Description 
    • Single line text
    • Displays below the Title field 
  • Link
    • General link
    • Displays below the selects
  • First Level Label
    • Single line text
    • Optional
    • Label that displays before the first select
  • Second Level Label
    • Single line text
    • Optional
    • Label that displays before the second select
  • Third Level Label
    • Single line text
    • Optional
    • Label that displays before the third select
  • Show Content
    • Boolean
    • Not compatible with Show Three Dropdowns option
    • Pending
  • FormScriptSrc
    • Single Line Text
    • Only compatible with Show Content option
    • Set value in this field only if Dynamics Form needs to be shown, on click of a specific link inside the content for an option
    • The value of this field is the url of the form loader javasript file needed to render a dynamics form
  • FormScriptHTML
    • Multi Line Text
    • Only compatible with Show Content option
    • Set value in this field only if Dynamics Form needs to be shown, on click of a specific link inside the content for an option
    • The value of this field contains HTML needed to render a dynamics form
  • FormSubmissionImage
    • Image
    • Only compatible with Show Content option
    • The image set in this field is shown when dynamics form has been submitted
  • Show Three Dropdowns
    • Boolean
    • Check this field if this component should show three levels of options vs two
    • Only compatible with Link items - not Content
  • Use Secondary Button
    • Toggles Primary (red) to Secondary (white) button style
  • Button Text
    • Single line text
    • Sets the label text inside the button

Set up instructions:
  • To open links in new tab on click of "go/view pdf" button, set "Target window" to "New browser" while configuring the "Link" field for an option.

 

Let's get you to the right contact options.