Expand my Community achievements bar.

SOLVED

textimage component- placeholder

Avatar

Level 5

Hi ,

I am using textimage component with imageposition option : left, right, top, bottom.

reference: https://docs.adobe.com/docs/v5_1/html-resources/cq5_guide_developer/ch07s04.html

:-when I am using  <div <%= style %> class="image"> in component jsp, and if the position of the image is right side and text value is less then the parsys placeholder of next component coming over image.Please give suggestion , how can i handle placeholder here.

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

As mentioned by community members, this is an CSS issue.

There is very good tool to help you with these kind of problem. You can drag and drop any component and can move it to the correct place. This is run time changing CSS. 

Chrome Extension :- https://chrome.google.com/webstore/detail/shifty/dlkpkmehbgbpobaidinekoedabkdidnb

Chrome Extension 2 :- https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

View solution in original post

5 Replies

Avatar

Level 10

Hi Varun, 

This is more of CSS related issue less of AEM. I have seen these issues, you need to fix your CSS. 

Avatar

Level 9

Varun,

Agree with @edubey. it happens when height of div is fixed. Just do the inspection through browser console.

Jitendra

Avatar

Level 10

Make sure to use more of a fluid or relative styles in your CSS. As @edubey and @Jitendra has mentioned inspect your component element and you should be able to fix the same. Else check with your UI team to get some help

Avatar

Correct answer by
Administrator

Hi 

As mentioned by community members, this is an CSS issue.

There is very good tool to help you with these kind of problem. You can drag and drop any component and can move it to the correct place. This is run time changing CSS. 

Chrome Extension :- https://chrome.google.com/webstore/detail/shifty/dlkpkmehbgbpobaidinekoedabkdidnb

Chrome Extension 2 :- https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni



Kautuk Sahni