detfaellesdesignsystem / dkfds-components

Styling og komponenter
Other
43 stars 13 forks source link

Hjælp til tabeller i figma #228

Open Magneeto94 opened 3 months ago

Magneeto94 commented 3 months ago

[Brug denne, hvis der er kode/beskrivelser/eksempelvisninger som du ikke forstår eller hvis du har problemer med at anvende DKFDS. (Use this issue type if there are code/descriptions/examples that don't make sense to you, or if you are experiencing trouble using the repository.)

Beskriv dit behov for hjælp. (Describe your need for help.) Giv en klar og præcis beskrivelse af hvad du har brug for hjælp til. (A clear and concise description of what you need help with.)

Hej FDS-team,

I styrelsen for IT og Læring arbejder vi efter FDS og har ind til videre brugt Azure til at lave prototyper. Vi er gået i gang med at udforske mulighederne i Figma til samme formål. Vi anvender komponenter fra jeres Designbibliotek. Biblioteket virker generelt rigtig godt, men vi har problemer med bl.a. at få tabeller til at arte sig som vi gerne vil.

Konkret er vores problem, at det virker enormt omfattende at tilføje eller bytte om på kolonner, når man har trukket en af jeres tabeller ind i et frame. Hvis jeg nu gerne vil bytte om på kolonnerne ”Farvekode” og ”Affaldstype”. Findes der så en måde hvorpå jeg nemt kan bytte om på dem uden at strukturen i tabellen bliver fuldstændig ødelagt?

image

Ligeledes har vi også problemer, når man gerne vil trække i tabellen. Ideelt set ville vi gerne kunne gøre en enkelt kolonne bredere eller smallere, mens resten af tabellen så tilpasser sig. Som man kender fra fx excel.

Håber i kan hjælpe.

---Frivilligt (Optional)--- [Overvej at tilføje en eller flere af nedenstående oplysninger til din beskrivelse. (Consider providing context for your request for help by adding one or more details to your description.)]

Hvor opstår behovet? (Where do the need for help arise?) Beskriv klart og præcist, hvor behovet for hjælp opstår (A clear and concise description of where the need for help arises): Go to '...' Click on '....' Scroll down to '....' What happens here?

Indsæt link (Add a URL) Tilføj om muligt et link til det hjælpen omhandler. (If possible, add a URL to help identify your need for help.)

Screenshots Tilføj om muligt et eller flere billeder der viser hvad behovet for hjælp drejer sig om. (If applicable, add screenshots to help explains your need.)

Desktop OS: [e.g. iOS] Browser [e.g. chrome, safari] Version [e.g. 22] Smartphone - udfyld venligst følgende (please complete the following information):

**Device: [e.g. iPhone6]*** OS: [e.g. iOS8.1] Browser [e.g. stock browser, safari] Version [e.g. 22]

detfaellesdesignsystem commented 3 months ago

Hej @Magneeto94

Tak for din henvendelse. Det er dejligt at høre, at I er glade for figmabiblioteket.

Vi noterer os behovet for at forbedre tabelkomponenterne, så de udnytter funktionerne i figma såsom autolayout bedre, end det er tilfældet i dag. Dog kan I ikke regne med, at biblioteket kommer til at indeholde hele tabelkomponenter, der kan tilpasses fleksibelt både i rækker og kolonner out-of-the-box, da figma ikke har sådan en funktionalitet. Kort sagt kan tabelcellerne kun grupperes som enten rækker eller kolonner (i biblioteket i dag er de grupperet i rækker). Om den ene eller den anden gruppering er mest hensigtsmæssig vil altid komme an på den enkelte tabel.

For nu vil vi anbefale jer at anvende de enkelte tabelelementer (tabelceller) og sætte jeres egne tabeller op baseret på dem. Gruppér cellerne i hver kolonne og giv kolonnerne et passende autolayout.

Venlig hilsen Mette Det Fælles Designsystem