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
BedrockMission!

Learn More

View all

Sign in to view all badges

akatsuki07
Community profile akatsuki07 Level 1
Job title here
Location here
1 BADGE
Level 1

Level 1

Learn more
Joined the community 09-10-2019 3:09:44 PM
Offline
Top badges earned by akatsuki07
Customize the badges you want to showcase on your profile
Re: Dynamicallly add attribute to top level element of co...
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
@asutosh_jena Hey while this does work with preset values it doesn't answer my question of setting class names to the component wrapper element.Please check my post for the correct solution. Please mark that as the correct answer. Thank You.

Views

19

Likes

0

Replies

0
Re: Dynamicallly add attribute to top level element of co...
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
This can be done by adding the cq:HtmlTag node under the component and setting a property name of "class" as String with your custom class name.More information can be found here https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/decoration-tag.html?lang=en#recommendations

Views

11

Likes

0

Replies

0
Re: Dynamicallly add attribute to top level element of co...
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
@BrianKasingli That is my solution for now however what if authors want to have padding, alignment, etc. Too many combinations to have presets. A dynamic approach would be much better.I did find this class which does the wrapper element around the components IncludeOptions

Views

23

Likes

0

Replies

0
Re: Custom component with parsys showing child components...
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
Hi adding the parsys is no issue. It's how it is displayed in the content tree. I would like it to display how it is showing with layout container rather than "paragraph system". I want it to show "Component Name"

Views

14

Likes

0

Replies

0
Custom component with parsys showing child components in "Paragraph System - HTL" in content tree
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
I've created a custom component that has a parsys system allowing you to add child components. While this works properly the added child components are showing up under "Paragraph System - HTL" in the content tree. My use case here is to allow a better user experience for content authors so they can see the components in the flow of the page.How custom component shows child component:Instead how can I get it fall nicely like how the default "container/layout container" component treats child com...

Views

52

Likes

0

Replies

2
Re: Dynamicallly add attribute to top level element of co...
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
Thanks for your reply. This can be done but I would like to add customizable options to the child component (column) as well. Is the mentioned method in my question not possible?

Views

73

Likes

0

Replies

0
Dynamicallly add attribute to top level element of component
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
Use Case:I'm trying to implement bootstrap like row's and columns where the rows component can have column components as childs. The column component dialog should be able to have dynamic width sizes set by the author (25%, 33%, 50%). Problem: In order for me to dynamically set the column width's I would have to add it to the top level element (div class='column') but I'm not sure how to do this.HTML for my ROW component: HTML for my COLUMN component: Code generated in the DOM when I add column...

Views

122

Likes

0

Replies

8
How to hide components on desktop breakpoint with layout container / responsive grid?
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
AEM Version: 6.4.8.2 While using responsive grid, I'm able to hide components going from desktop to mobile/tablet however I can't hide components going from mobile to desktop. Instead what happens is the entire components disappears across all breakpoints when I hide it in desktop. Steps to reproduce: Add layout container (responsive grid)View in mobile/tablet breakpointAdd title component with sample textView in desktop breakpoint and then hide component

Views

70

Likes

0

Replies

1
Re: Displaying JSON Object or JSON with HTL and Javascript Use
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
Thank you, I was reading it as a JSON in crxde property and overlooked that it's actually a string.Was missing the JSON.parse function

Views

165

Likes

0

Replies

0
Re: Displaying JSON Object or JSON with HTL and Javascript Use
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
Yeah this is spam....

Views

163

Likes

0

Replies

0
Displaying JSON Object or JSON with HTL and Javascript Use
Avatar
Validate 1
Level 1
akatsuki07
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
akatsuki07
- Adobe Experience Manager
How can I display JS object properties or iterate over JSON objects using sly-data-list.Here's my particular JSON{"make":"Honda","model":"civic"}Would something like this require a mixed model with local Java class?Thanks

Views

283

Likes

0

Replies

3