Altinn / Altinn/app-frontend-react

Panel styling in group component not found

Open
#2,142 1 comment 0 reactions 0 assignees View on GitHub
kind/feature-request org/brg
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

In version 4 of frontend it is not possible to customise the styling of a panel. This was a functionality in version 3, which made it very easy to group different elements into a panel, and style it with different colours and logo. I can't find any similar type of configuration in version 4.

![Screenshot 2024-05-27 at 12 45 39](https://github.com/Altinn/altinn-studio/assets/56260049/11208f44-c265-4629-9c44-b81a3fded494)
![Screenshot 2024-05-27 at 10 47 35](https://github.com/Altinn/altinn-studio/assets/56260049/03a3328a-a82a-4ba6-a1b7-0c7a7e63f5c7)

The two screenshots show that I get an error when using paneloptions inside a group and there is no support for adding children inside a panel.

### Additional Information

I have attached a screenshot of how I want it to look.
![Screenshot 2024-05-27 at 12 29 01](https://github.com/Altinn/altinn-studio/assets/56260049/6708f42c-eb87-4ccd-92bf-6f1d6e2f7571)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the paneloptions error when a panel is used inside a group in the version 4 frontend, then compare the described version 3 behavior with the current panel and group components. Done means grouped panels support styling such as colors and logos, allow children, and no longer produce the reported error.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.