textimage component- placeholder | Community
Skip to main content
varuns46785756
January 16, 2016
Solved

textimage component- placeholder

  • January 16, 2016
  • 5 replies
  • 1161 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by kautuk_sahni

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

5 replies

edubey
January 21, 2016

Hi Varun, 

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

Jitendra_S_Toma
January 21, 2016

Varun,

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

Jitendra

Lokesh_Shivalingaiah
January 22, 2016

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

varuns46785756
January 22, 2016

thanks

kautuk_sahni
Community Manager
kautuk_sahniCommunity ManagerAccepted solution
Community Manager
January 22, 2016

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