Is there a option to overlap some components over other components in AEM layout container?

Hi,

you can check below:

Need a parsys component which hold multiple components

If your components are fixed(Text, title and image only in same sequence) inside large Image components this can be done easily.

Thanks

Arun

Thanks arunp99088702​ for the response but I am looking for the creation of a generic component that helps the author to drag & drop components. They should have the flexibility to select what all components can be placed over the larger component. I think the customization of layout container would be best choice because it already provides the option to resize the components. I think may be if we can merge the parsys we can achieve this.

if you want only image background, you can handle this with CSS also. but yes we you need to make it generic you need to create new layout with parsys/responsivegrid.

Thanks

Arun

Hi, I think you can do it another ways as well by adding responsive grid in main component and create dialog for main component to browse backgrounds image.

e.g.

MainComponent.html

<sly data-sly-resource="${'par' @ resourceType='wcm/foundation/components/responsivegrid'}/>

Please check below:

Configuring Layout Container and Layout Mode

Thanks

Arun

Thanks for your suggestion arunp99088702. I can only move the components with in the layout but not above any other components, right? I want to place some tile component, text component over image component. These components are already there, I just wanna reuse this. So that I can drag and drop the existing components over another component. May be in another page I may only want to put the tile component over the image component not both. Do we have any similar use case example available?

What do you mean you want to drop a title component over an image over - do you mean above the component.

Please post a screenshot to make it clear

Nice response Lokesh!

Thanks bsloki​ for the response. I can include multiple parsys components in the image component inside a layout container. So it would give authors the flexibility to put other components in any position where the parsys sit and layout container helps to resize those component. I think that is the best we can provide. Thank you all for your response.