Unsupported format for color

[garthholmes]

Hi,

I am getting the error "unsupported format for color" when using version 1.0.1 of Alphatab.

Version used: 1.0.1
Platform used: JavaScript
Rendering engine used: SVG
Chrome Latest
Windows
Link to your project: Testing on Localhost, but will provide more information, and a test link if required.

Thank you

Expected Results

Allow colors to be used, as per AlphaTab documentation.

Observed Results

Alphatab not proceeding with loading of .gp file

Steps to Reproduce (for bugs)

1. Error coming from Alphatab.JS, as per Title
2. Tried color from script and from data attribute
3. Neither data attribute nor script work, project only works when color information is removed

Possible Solution

Remove color information, but then it is not possible to see anything, as background color precludes

[Danielku15]

Can you provide a concrete example on when this error occurs? If possible a jsFiddle or example link showing the issue..
The related parsing code for colors is placed here:

alphaTab/src/model/Color.ts

Line 68 in 89c8f2a

public static fromJson(json: unknown): Color | null {

Generally the conversion code is quite simple, this means there is very likely something special to your color definition.

The docs mention that any CSS compliant string like #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb(r,g,b) and rgba(r,g,b,a) is supported. It might be true that CSS supports more (like hsl() and hsla()) and the docs might not be 100% correct:
https://alphatab.net/docs/reference/settings/display/resources#colors

[garthholmes]

Hi Daniel,

I will get to that, but just to add some information, I am using the latest version of JQuery as well if that would make a difference.

Regards

[Danielku15]

jQuery should not have any impact on alphaTab. The jQuery support is just a very thin layer which maps calls down to an alphaTab API object which is plain JavaScript. It's most likely something is wrong with the values you're passing in. Once you provided an example we can investigate further.

[Danielku15]

@Nascent Any update here? Otherwise I will close this issue due to inactivtiy.

[Danielku15]

Closing due to inactivity.

[WindBise]

I have came across this issue too. Seems the doc is miss leading.
https://alphatab.net/docs/reference/settings/display/resources/

I use this syntax to update colors in setting like below.
this.state.api.settings.display.resources.barNumberColor = 'rgb(0,0,0)'
this.state.api.updateSettings();
And then i got error

It seems that color setting is already a object

So how can i update the color setting ?

[WindBise]

Found a way to fix this. Change color by set raw.
Like setting color to white just use code below:
settings.display.resources.barNumberColor.raw = -1;
And the rgba to raw should calculate like:
raw = ((a & 0xff) << 24) | ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff)

[Danielku15]

@WindBise See #1558 (comment) for more details on that topic.