topic Re: Style sheet file not working in arc experience developer edition in another react component in ArcGIS JavaScript Maps SDK Questions

Style sheet file not working in arc experience developer edition in another react component

MennaAyman — Wed, 23 Mar 2022 11:35:48 GMT

Hello

in ArcExperience Developer Edition

I am working on widget and i need to render children components inside it so i created new react component when i import style sheet file , it doesnt work , it works only on the widget component,

is there any solution?

Re: Style sheet file not working in arc experience developer edition in another react component

SumitZarkarCT — Sat, 26 Mar 2022 11:03:47 GMT

@MennaAyman

It should work on both custom components and the main widget.

Here is the sample in which I have created MyComponent and applid color to the tet from style

Re: Style sheet file not working in arc experience developer edition in another react component

MennaAyman — Wed, 30 Mar 2022 10:07:07 GMT

Thanks alot but what about if i need to use css functions it will work in ts file or the css object will serialized it ??

Re: Style sheet file not working in arc experience developer edition in another react component

SumitZarkarCT — Wed, 30 Mar 2022 12:51:37 GMT

@MennaAyman - CSS functions work in ts file as well, I used calc css function many times.

Here is an example:

You can find more details about Styling your widget experience-builder/guide/widget-ui/#style-your-widget .