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

button component 'color' parameters rgb or hyphened not assigning #777

Closed
rcwombat opened this issue Jan 15, 2025 · 2 comments
Closed

button component 'color' parameters rgb or hyphened not assigning #777

rcwombat opened this issue Jan 15, 2025 · 2 comments
Labels
documentation Improvements or additions to documentation

Comments

@rcwombat
Copy link

rcwombat commented Jan 15, 2025

Introduction

Attempting to use color from database as the color row-level parameter for a button component and have found that only the (un-hyphened) description will actually assign the color to the button. eg: blue/pink/lime works, however, if attempting to use either rgb eg: #0054a6/#d6336c/#74b816 or blue-lt etc the component color remains white...

To Reproduce

List of steps to reproduce the behavior. Include the sql file you are using and the eventual relevant parts of your database schema

SELECT 'button' AS component,
'pill' AS shape,
'lg' AS size;

SELECT Caption AS title,
Description AS tooltip,
'#74b816' AS color
FROM Screen;

Actual behavior

RGB color does not assign (nor does using gray-lt etc...), button color remains white
Only un-hyphened descriptive colors seem to work?

Expected behavior

Assign the RGB/hyphened color to the button.

Version information

  • OS: Windows 10
  • SQL Server 2019
  • SQLPage Version: 0.32.1
    (edit for spelling))
@rcwombat rcwombat added the bug Something isn't working label Jan 15, 2025
@lovasoa
Copy link
Collaborator

lovasoa commented Jan 15, 2025

Hello ! Indeed only a subset of button colors are supported. You can find them here: https://tabler.io/docs/ui/components/buttons

If you need to further customize your buttons, including colors, you can use custom css stylesheets.

@lovasoa lovasoa added documentation Improvements or additions to documentation and removed bug Something isn't working labels Jan 15, 2025
@lovasoa
Copy link
Collaborator

lovasoa commented Jan 15, 2025

I'm labelling this as documentation, since we need to properly document available colors.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

No branches or pull requests

2 participants