Skip to content

Custom colors in info panel #2644

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.

Sign up for GitHub

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

Jump to bottom
Closed
3 tasks done
mtrezza opened this issue Jan 30, 2025 · 2 comments · Fixed by #2788
Closed
3 tasks done

Custom colors in info panel #2644

mtrezza opened this issue Jan 30, 2025 · 2 comments · Fixed by #2788
Labels
bounty:$20 Bounty applies for fixing this issue (Parse Bounty Program) type:feature New feature or improvement of existing feature

Comments

@mtrezza
Copy link
Member

mtrezza commented Jan 30, 2025 •
edited
Loading

New Feature / Enhancement Checklist

Current Limitation

The panel uses a fixed set of colors for fonts and backgrounds.

Feature / Enhancement Description

Allow to set custom font and background color per item.

Example Use Case

The feature allows to visually highlight values that require attention, for example:

{
  "panel": {
    "segments": [
      {
        "title": "Accounts",
        "titleFontColor": "#ffffff",
        "titleBackgroundColor": "#000000"
        "items": [
          {
            "type": "keyValue",
            "key": "Checking Account",
            "value": "USD -1.00",
            "fontColor": "#ffffff",
            "backgroundColor": "#ff0000"
          },
          {
            "type": "keyValue",
            "key": "Savings Account",
            "value": "USD 1.00"
          }
        }
      ]
    }
  }

Should be displayed like this:

Image
@parse-github-assistant Parse GitHub Assistant
Copy link

parse-github-assistant bot commented Jan 30, 2025 •
edited
Loading

Thanks for opening this issue!

  • 🎉 We are excited about your ideas for improvement!

@mtrezza mtrezza added type:feature New feature or improvement of existing feature bounty:$20 Bounty applies for fixing this issue (Parse Bounty Program) labels Jan 30, 2025
@vardhan0604 vardhan0604 mentioned this issue May 11, 2025
Closed
2 tasks
@mtrezza mtrezza linked a pull request May 12, 2025 that will close this issue
feat: Add custom CSS styling for info panel items #2788
Merged
3 tasks
@mtrezza
Copy link
Member Author

mtrezza commented May 12, 2025

Closing via #2788

@mtrezza mtrezza closed this as completed May 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bounty:$20 Bounty applies for fixing this issue (Parse Bounty Program) type:feature New feature or improvement of existing feature
Projects
None yet
Milestone
No milestone
1 participant
@mtrezza