AEM - How to accommodate one component inside another component in AEM without having errors in m.json

Avatar

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile
Cleatus_Keetz
Level 1

19-09-2018

I am in the midst of creating one page contains customer issue registration process. here I have two components, say: 1. Customer-Issue component and 2. Customer-care-Call component

the 2nd component to be placed to the right side side of the first component. I already completed with this thing. But am getting some error while generating page.m.json

How we can accommodate one component inside another component?

[Here is the list of all Adobe forums... https://forums.adobe.com/welcome]

[Moved... Encore is used to author a DVD... Mod]

Replies

Avatar

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile
Cleatus_Keetz
Level 1

19-09-2018

1574693_pastedImage_0.png

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

19-09-2018

Are you using a layout container to organize your content. You should be using a grid that lets you drop in the inner components to organize these.

You can organize these components using a two column layout.

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

19-09-2018

Here are the details how to use the layout (aka - Reponsive Grid) in AEM.

Getting Started with AEM Sites Part 3 - Client-Side Libraries and Responsive Grid

You should be following that approach.

Avatar

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
Cleatus_Keetz
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile
Cleatus_Keetz
Level 1

19-09-2018

The css part is already given. I can't edit that. So from the page level, how can I accommodate the things as given in the picture above?

Thanks In Advance..!