How add Image as background

In the complex component, how to make the image as background image and the text as center align on the background image??

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 Lokesh_Shivalingaiah

It should be taken care in your CSS making image as background and text as center aligned for that div

New Participant

It should be taken care in your CSS making image as background and text as center aligned for that div

New Participant

bsloki wrote...

It should be taken care in your CSS making image as background and text as center aligned for that div

<%@include file="/libs/foundation/global.jsp"%>
<%@ page import="com.day.cq.wcm.foundation.Image" %>
<%

Image image = new Image(resource, "image");

image.setSelector(".img");

String text = properties.get("text", "TEXT NA");

%>

<%= text %>
<%
image.draw(out);

%>
<%
image.getDescription().length();
%>

i m using this code...how to have the css inside it

New Participant

The image object has a getSrc() property. You can switch your code up to utilize it:

<%

Image image = new Image(resource, "image");

image.setSelector(".img");

String text = properties.get("text", "TEXT NA");

%>

<%= text %>

Sign up