Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Want to access component's style system value in multiple paces of component's html

bpeddapudi
Level 2
Level 2

Hi I have a use case where I want to use content author's choices made using style systems (it has multi-selection option for different areas) in different parts of html. Not sure how to do it.

 

Out Style System dropdown example:

Screen Shot 2020-09-18 at 12.53.07 PM.png
 
 
Where I want to use it in html:
Screen Shot 2020-09-18 at 12.49.22 PM.png
 
I want to able to get the values and use it in html something like this, ignore the syntax 🙂 just want to express how I want to access it.
Screen Shot 2020-09-18 at 1.00.41 PM.png

 

1 Accepted Solution
Arun_Patidar
Correct answer by
Community Advisor
Community Advisor

With OOTB style system you can't do that. and I don't see any need here as well, if you have classes on parent DOM element then you can apply style to particular child element as well using parent selector.

But if you want you have to get those values in inside your model and apply to child element using htl

https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/co...

 

View solution in original post

1 Reply
Arun_Patidar
Correct answer by
Community Advisor
Community Advisor

With OOTB style system you can't do that. and I don't see any need here as well, if you have classes on parent DOM element then you can apply style to particular child element as well using parent selector.

But if you want you have to get those values in inside your model and apply to child element using htl

https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/co...

 

View solution in original post