Position of cq-Editable-placeholder element changes after edit.

Avatar

Avatar

akashs51893872

Avatar

akashs51893872

akashs51893872

05-02-2018

Hello,

The component-placeholder extends to full-width after editing and without page-refresh.  It retains to original width after page-refresh but is there any way we can retain the original-design after-edit?  Please help.

Screenshot BEFORE editing the component:

1411695_pastedImage_9.png

Screenshot AFTER editing the component:

1411694_pastedImage_8.png

Thanks & Regards,

Akash

View Entire Topic

Avatar

Avatar

akashs51893872

Avatar

akashs51893872

akashs51893872

06-02-2018

Hi Katuksahni,

Thank you for your response.

No, there are no errors on the browser.

The method to isolate it is quite simple:

<div class="container"

    data-sly-resource="${ 'myImage' @ resourceType='wcm/foundation/components/text' }"

    data-sly-unwrap="${properties.text}">

        ${properties.text @ context='html' }
</div>

If you don't have the Bootstrap "container" class in your css, please add the following style:

<style>

   .container {

          width: 75%;

          margin: 0 auto;

    }

</style>

I'm working with AEM v6.3 (fully updated).

Regards,

Akash