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

New Component: select with icon, title, snippet selection #4334

Open
AdelheidF opened this issue Mar 30, 2022 · 5 comments
Open

New Component: select with icon, title, snippet selection #4334

AdelheidF opened this issue Mar 30, 2022 · 5 comments
Labels
0 - new New issues that need assignment. ArcGIS Map Viewer Issues logged by ArcGIS Map Viewer team members. ArcGIS Scene Viewer Issues logged by ArcGIS Scene Viewer team members design Issues that need design consultation prior to development. epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. estimate - 8 Requires input from team, consider smaller steps. new component Issues tied to a new component. p - low Issue is non core or affecting less that 10% of people using the library

Comments

@AdelheidF
Copy link

AdelheidF commented Mar 30, 2022

Description

closed select

image

different versions of existing selection lists in the Map Viewer.

imageimage

imageimage

image

The top 2 versions where the closed button displays the entire info instead of just the title is the way we want to have it used in the future.

User Stories

Above pictures are all from the Map Viewer styles component.

Acceptance Criteria

selection list should support at least a starting icon, a title and a snippet

Relevant Info

No response

Helpful Details

No response

@AdelheidF AdelheidF added new component Issues tied to a new component. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Mar 30, 2022
@AdelheidF AdelheidF changed the title selection list with icon, title, snippet selection New Component: selection list with icon, title, snippet selection Mar 30, 2022
@AdelheidF AdelheidF changed the title New Component: selection list with icon, title, snippet selection New Component: select with icon, title, snippet selection Mar 30, 2022
@macandcheese
Copy link
Contributor

Dashboard's "category selector" widget is a good example of this kind of lockup too.

@benelan benelan added the epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. label Jun 29, 2022
@macandcheese macandcheese added the ArcGIS Map Viewer Issues logged by ArcGIS Map Viewer team members. label Feb 28, 2023
@Anastasiia-Boleiko
Copy link

Also interested in this component.
Example in ArcGIS Urban:
Screenshot 2023-03-13 at 09 06 08

@stefanobettinelli
Copy link

stefanobettinelli commented Mar 17, 2023

Interested in a similar component.
Example of what we will be implementing with a temporary custom solution in Scene Viewer:
Screenshot 2023-03-17 at 10 29 28

@macandcheese
Copy link
Contributor

macandcheese commented Aug 17, 2023

This could also be a riff on List, where a single-selection List has a "collapsed view" of the selected item, or a placeholder "select something" item. This Codepen (roughly) implements this with two separate Lists: https://codepen.io/mac_and_cheese/pen/YzdzyyY?editors=1000

With an already populated selection (this is slotting Avatar, it could slot anything needed from the selected list item - image, icon, etc.), and filter-enabled (this could be optional...)
closed:
Screenshot 2023-08-17 at 1 10 07 PM

open:
Screenshot 2023-08-17 at 1 10 14 PM

With a "placeholder" invoking list item (again, can be customized as needed):
closed:
Screenshot 2023-08-17 at 1 13 25 PM
open:
Screenshot 2023-08-17 at 1 13 35 PM

Some other ideas for the display of the invoking List Item - of course customizable per use case:

Screenshot 2023-08-24 at 11 39 29 AM

@macandcheese macandcheese added the design Issues that need design consultation prior to development. label Aug 17, 2023
@brittneytewks brittneytewks added p - medium Issue is non core or affecting less that 60% of people using the library estimate - 8 Requires input from team, consider smaller steps. and removed needs triage Planning workflow - pending design/dev review. labels Aug 24, 2023
@brittneytewks brittneytewks added this to the Design Backlog milestone Aug 24, 2023
@brittneytewks brittneytewks added the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Sep 12, 2023
@brittneytewks brittneytewks removed the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Dec 11, 2023
@janett-baresel
Copy link

This has come up again in Scene Viewer for our elevation mode drop-down:

image (8)

Any way to upvote this? @macandcheese

@geospatialem geospatialem added the ArcGIS Scene Viewer Issues logged by ArcGIS Scene Viewer team members label Apr 30, 2024
@DitwanP DitwanP added p - low Issue is non core or affecting less that 10% of people using the library and removed p - medium Issue is non core or affecting less that 60% of people using the library labels Jun 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. ArcGIS Map Viewer Issues logged by ArcGIS Map Viewer team members. ArcGIS Scene Viewer Issues logged by ArcGIS Scene Viewer team members design Issues that need design consultation prior to development. epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. estimate - 8 Requires input from team, consider smaller steps. new component Issues tied to a new component. p - low Issue is non core or affecting less that 10% of people using the library
Projects
None yet
Development

No branches or pull requests

10 participants