How to add the CSS to our portlet?

[Bhaskar Koppuravuri, modificado 13 Anos atrás.]

Hi all,

I need to add the CSS to the portlet where the CSS contains image adding URL,but the image is not getting into the portlet..

can any one help how to solve this problem

The following is my css file

body
{
background-image: url("BackgroundImage.jpg") ;


}
p{
text-align: center;
}

[Pushpinder Singh, modificado 13 Anos atrás.]

In your view add following, where your_protlet is your portlet css file
<link type='text/css' href='<%=request.getContextPath()%>/css/your_protlet.css' rel='stylesheet' media='screen' />

[Nguyen Trung Kien, modificado 13 Anos atrás.]

You can use <header-portlet-css> tag add css file to your portlet

	<portlet>
    <portlet-name>product-registration</portlet-name>
    <icon>/icon.png</icon>
    <social-activity-interpreter-class>com.inkwell.internet.productregistration.social.RegistrationActivityInterpreter</social-activity-interpreter-class>
    <instanceable>true</instanceable>
    <header-portlet-css>/css/product-registration.css</header-portlet-css>
    <header-portlet-javascript>/js/test.js</header-portlet-javascript>
  </portlet>

In your css file:

.ink-fieldset {
    border: 1px solid #781351;
    width: 98%;
    background: #ffcd67;
    background-image: url(./images/bg-box-s1.gif);
    background-repeat: repeat-x
}

This code is in "Liferay in action" source.
images and css folder is inside your portlet folder
Your portlet
- css
- images

[Bhaskar Koppuravuri, modificado 13 Anos atrás.]

hi

while adding the css file iam getting this following error....

Current URL /web/guest/search.css generates exception: null



can any one help?

[karthik reddy, modificado 10 Anos atrás.]

http://javaeasyforu.blogspot.in/2014/02/how-to-include-css-or-js-or-image-file.html