Select to view content in your preferred language

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

480
3
03-23-2022 02:38 AM
MennaAyman
New Contributor II

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?

0 Kudos
3 Replies
SumitZarkarCT
New Contributor III

@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 

 

0 Kudos
MennaAyman
New Contributor II

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 ??

0 Kudos
SumitZarkarCT
New Contributor III

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

Here is an example:

SumitZarkarCT_0-1648644520172.png

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

SumitZarkarCT_1-1648644658255.png