Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Component: Multiple selection dropdownlist #56

Closed
11 tasks done
Febakke opened this issue Oct 5, 2020 · 3 comments
Closed
11 tasks done

Component: Multiple selection dropdownlist #56

Febakke opened this issue Oct 5, 2020 · 3 comments
Assignees
Labels
kind/user-story Used for issues that describes functionality for our users. org/brg Issues relevant for Brønnøysundregistrene. org/dat org/nsm status/ready-for-specification

Comments

@Febakke
Copy link
Member

Febakke commented Oct 5, 2020

Description

In some cases a user have to select more than one value form a large list of values.
Example: Select all countries you have visited
This cannot be handled by checkboxes as the list would be too long.

NEW DESIGN: https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/DDS---Core-Components?node-id=7538%3A45627

Screenshots

Screenshot taken from NSM sketches:
Skjermbilde 2020-10-05 kl  14 43 50

Considerations

Is this something we should support? If not we need a pattern or functionality to satisfy the need for this component.

How do we store multiple values?

Acceptance criteria

Describe criteria here (i.e. What is allowed/not allowed (negative tesing), validations, error messages and warnings etc.)

Specification tasks

  • Development tasks are defined
  • Test design / decide test need

Development tasks

  • add to app-frotnend
  • support comma seperated string

Definition of done

Verify that this issue meets DoD (Only for project members) before closing.

  • Documentation is updated (if relevant)
    • Technical documentation (docs.altinn.studio)
    • User documentation (altinn.github.io/docs)
  • QA
  • Manual test is complete (if relevant)
  • Automated test is implemented (if relevant)
  • All tasks in this userstory are closed (i.e. remaining tasks are moved to other user stories or marked obsolete)
@Febakke Febakke added kind/user-story Used for issues that describes functionality for our users. solution/app-frontend org/nsm labels Oct 5, 2020
@lorang92 lorang92 self-assigned this Jul 28, 2021
@jostein-skaar
Copy link
Contributor

The NSM design is quite nice!

I think it is nice to be able to filter values as well.

Inspiration from sketches at mdir:

Dropdown is open:
image

Dropdown is closed:
image

@GunnHegeAas
Copy link

@lvbachmann Tagg gjerne Arbeidstilsynet i denne

@lvbachmann lvbachmann added the org/brg Issues relevant for Brønnøysundregistrene. label Oct 5, 2021
@lorang92 lorang92 removed their assignment Oct 18, 2021
@RonnyB71 RonnyB71 transferred this issue from Altinn/altinn-studio Apr 25, 2022
@mjulstein
Copy link
Contributor

🤔 Functionality wise this is more like an accordion with checkboxes... A dropdown would typically collapse when clicking inside. @Febakke

@lorang92 lorang92 self-assigned this Sep 26, 2022
@tjololo tjololo assigned nkylstad and unassigned lorang92 Oct 3, 2022
@tjololo tjololo closed this as completed Oct 7, 2022
@tjololo tjololo moved this to Done in Team Studio (old) Oct 7, 2022
olemartinorg pushed a commit that referenced this issue Nov 2, 2022
* Added Json schema for labelGrid

Altinn/altinn-studio#7027

* Update schemas/json/layout/layout.schema.v1.json

Co-authored-by: Steffen Lorang Ekeberg <steffen.ekeberg@gmail.com>

* Fix indentation levels in layout.schema.v1.json.

Co-authored-by: Steffen Lorang Ekeberg <steffen.ekeberg@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind/user-story Used for issues that describes functionality for our users. org/brg Issues relevant for Brønnøysundregistrene. org/dat org/nsm status/ready-for-specification
Projects
Status: Done
Development

No branches or pull requests

10 participants