Hi Korthivada,
I am using OOTB component.just modified tab1 and tab2 but problem in my component is , when I am using style the position of placeholder going to disturb.
component code :
%@ page import="com.day.cq.commons.Doctype,
com.day.cq.wcm.api.WCMMode,
com.day.cq.wcm.api.components.DropTarget,
com.day.cq.wcm.foundation.Image, com.day.cq.wcm.foundation.Placeholder" %><%
%><%@include file="/libs/foundation/global.jsp"%><%
boolean isAuthoringUIModeTouch = Placeholder.isAuthoringUIModeTouch(slingRequest);
Image image = new Image(resource, "image");
// don't draw the placeholder in case UI mode touch it will be handled afterwards
if (isAuthoringUIModeTouch) {
image.setNoPlaceholder(true);
}
//drop target css class = dd prefix + name of the drop target in the edit config
String ddClassName = DropTarget.CSS_CLASS_PREFIX + "image";
if (image.hasContent() || WCMMode.fromRequest(request) == WCMMode.EDIT) {
image.loadStyleData(currentStyle);
// add design information if not default (i.e. for reference paras)
if (!currentDesign.equals(resourceDesign)) {
image.setSuffix(currentDesign.getId());
}
image.addCssClass(ddClassName);
image.setSelector(".img");
image.setDoctype(Doctype.fromRequest(request));
String divId = "cq-textimage-jsp-" + resource.getPath();
String imageHeight = image.get(image.getItemName(Image.PN_HEIGHT));
// div around image for additional formatting
String style="";
if (properties.get("imagePosition", "left").equals("right")) {
style = "style=\"float:right\"";
}
if (properties.get("imagePosition", "left").equals("left")) {
style = "style=\"float:left\"";
}
%><div <%=style%> class="image" ><%
%><% image.draw(out); %><br><%
String placeholder2 = (isAuthoringUIModeTouch && !image.hasContent())
? Placeholder.getDefaultPlaceholder(slingRequest, component, "", ddClassName)
: "";
%><cq:text property="image/jcr:description" placeholder="<%= placeholder2 %>" tagName="small" escapeXml="true"/><%
%></div>
<%@include file="/libs/foundation/components/image/tracking-js.jsp"%>
<%
}
String placeholder = (isAuthoringUIModeTouch && !image.hasContent())
? Placeholder.getDefaultPlaceholder(slingRequest, component, "", ddClassName)
: "";
%><cq:text property="text" tagClass="<%= "text " + ddClassName %>" escapeXml="true" placeholder=""/>
Regards,
Varun
