• Home
  • Categories
  • Recent
  • Popular
  • Pricing
  • Contact us
  • Docs
  • Login
FusionAuth
  • Home
  • Categories
  • Recent
  • Popular
  • Pricing
  • Contact us
  • Docs
  • Login

How to achieve multiselect dropdown using 'Advanced Registration Form' custom form field

Scheduled Pinned Locked Moved Unsolved
Q&A
2
2
577
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J
    jitendra.sabat
    last edited by 24 May 2022, 12:11

    We have a requirement to implement a multiselect dropdown. Currently we have implemented a select list with data type as string and allowing user to select only 1 item at a time. Please find below screenshot for your reference.
    Screen Shot 2022-05-24 at 5.35.49 PM.png In above select list if i would like to achieve selection of multiple region, how can i achieve so? I don't find any option to configure the same. Neither from code end nor from visual configuration way.Please guide.

    D 1 Reply Last reply 1 Jun 2022, 03:16 Reply Quote 0
    • D
      dan @jitendra.sabat
      last edited by dan 6 Jan 2022, 03:16 1 Jun 2022, 03:16

      @jitendra-sabat

      We don't have an out of the box form control for a multi-select, but you can create one using the theme customization. You should start with a custom form field with a check box form control type because it supports multiple values.

      As long as the serialized version of the form is valid and matches the data type you set in the field definition, it should work.

      So, start with the checkbox list, and ensure that is functional, and then you can re-write that control or style it however you want in the themed template, or via JavaScript.

      --
      FusionAuth - Auth for devs, built by devs.
      https://fusionauth.io

      1 Reply Last reply Reply Quote 0
      • First post
        Last post