Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Custom Background Image biswajit sarkar February 10, 2012 9:52 AM
RE: Custom Background Image David H Nebinger February 10, 2012 10:35 AM
RE: Custom Background Image biswajit sarkar February 10, 2012 10:36 AM
RE: Custom Background Image David H Nebinger February 10, 2012 10:52 AM
RE: Custom Background Image lou cat February 27, 2012 7:29 AM
RE: Custom Background Image Gaurav Shirbhate September 28, 2012 3:40 AM
RE: Custom Background Image Gaurav Shirbhate September 28, 2012 3:41 AM
RE: Custom Background Image Jignesh Vachhani September 28, 2012 4:11 AM
RE: Custom Background Image Gaurav Shirbhate September 29, 2012 12:33 AM
RE: Custom Background Image Gaurav Shirbhate September 29, 2012 4:37 AM
RE: Custom Background Image Jignesh Vachhani September 30, 2012 10:30 PM
RE: Custom Background Image Gaurav Shirbhate September 30, 2012 11:12 PM
RE: Custom Background Image Jignesh Vachhani October 1, 2012 5:00 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 2:30 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 2:42 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 3:35 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 3:37 AM
RE: Custom Background Image Jignesh Vachhani October 1, 2012 5:03 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 7:23 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 9:59 PM
RE: Custom Background Image Jignesh Vachhani October 2, 2012 10:21 PM
RE: Custom Background Image Gaurav Shirbhate October 3, 2012 6:42 AM
RE: Custom Background Image Gaurav Shirbhate October 3, 2012 7:46 AM
RE: Custom Background Image Gaurav Shirbhate October 1, 2012 11:39 PM
RE: Custom Background Image Paulo Henrique Pires February 14, 2012 5:31 AM
RE: Custom Background Image Vir Singh February 17, 2012 10:17 PM
RE: Custom Background Image Maarten van Heiningen February 19, 2012 6:45 AM
RE: Custom Background Image Bradley Wood October 3, 2012 4:14 PM
biswajit sarkar
Custom Background Image
February 10, 2012 9:52 AM
Answer

biswajit sarkar

Rank: Regular Member

Posts: 166

Join Date: October 17, 2011

Recent Posts

I am creating a Custom theme..

In my theme I want to add dynamic background Image.
In my theme if I change a page the background image dynamically change for that page

please help
David H Nebinger
RE: Custom Background Image
February 10, 2012 10:35 AM
Answer

David H Nebinger

Rank: Liferay Legend

Posts: 7007

Join Date: September 1, 2006

Recent Posts

Background image is managed by CSS.

In your theme, you could add code to portal_normal.vm that would assign a class to the body based upon the current page.
biswajit sarkar
RE: Custom Background Image
February 10, 2012 10:36 AM
Answer

biswajit sarkar

Rank: Regular Member

Posts: 166

Join Date: October 17, 2011

Recent Posts

David H Nebinger:
Background image is managed by CSS.

In your theme, you could add code to portal_normal.vm that would assign a class to the body based upon the current page.



but I need to add dynamic background image...which change in different page..not fixed
David H Nebinger
RE: Custom Background Image
February 10, 2012 10:52 AM
Answer

David H Nebinger

Rank: Liferay Legend

Posts: 7007

Join Date: September 1, 2006

Recent Posts

Right, so in your portal_normal.vm you determine which page is being rendered. Add an appropriate class to the <body /> tag that has the CSS for the background image and you're done.

This is not a 'fixed' solution, it would allow you to determine the class to add to the <body /> tag dynamically. Class changes, background image changes. QED.
Paulo Henrique Pires
RE: Custom Background Image
February 14, 2012 5:31 AM
Answer

Paulo Henrique Pires

Rank: Junior Member

Posts: 82

Join Date: February 23, 2011

Recent Posts

create a different theme for each page, changing only the background.
Vir Singh
RE: Custom Background Image
February 17, 2012 10:17 PM
Answer

Vir Singh

Rank: New Member

Posts: 2

Join Date: January 9, 2012

Recent Posts

biswajit sarkar:
I am creating a Custom theme..

In my theme I want to add dynamic background Image.
In my theme if I change a page the background image dynamically change for that page

please help



Hi, to add dynamic bg image, you can define bg class(s) for page(s) body in css any can apply that you can apply on In your theme "portal_normal.vm" file. you can apply the condition to apply particular class of css on basis of page id.
Maarten van Heiningen
RE: Custom Background Image
February 19, 2012 6:45 AM
Answer

Maarten van Heiningen

Rank: Regular Member

Posts: 172

Join Date: February 5, 2009

Recent Posts

Hi,

You could set a custom attribute on the page and pre-fill this with a value of an image name that is the default. Then you can set the background image for each page so it can be configured by a community admin or admin (or anybody who is allowed to change your page settings).

This can then be used to either set a class for the body element or set the image directly in a style setting of your page header style element.
lou cat
RE: Custom Background Image
February 27, 2012 7:29 AM
Answer

lou cat

Rank: Regular Member

Posts: 196

Join Date: January 26, 2012

Recent Posts

I find David's one the best solution, I had a similar problem because I wanted to change the header banner in every page, but this was part of my theme, so in my portal-normal.vm I wrote:

#set ($headerbase = "header-")
#set ($page_name = $page.getName($locale))
#set ($header_id = "$headerbase$page_name")

<div id= $header_id class="headerpictures"></div>

and in custom.css I could set a background image based on the class "headerpictures", that is always the same, or using the id created dynamically for every page in order to have a custom banner in every page.

It's basically what most of you suggested, but if Biswajit didn't solve yet, I hope a bit of code could help ;)
Gaurav Shirbhate
RE: Custom Background Image
September 28, 2012 3:40 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

i have to set background image but it should be fix . It should not be move with scroll only page should be move. please give me solution.
Gaurav Shirbhate
RE: Custom Background Image
September 28, 2012 3:41 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

i have to set background image but it should be fix . It should not be move with scroll only page should be move. please give me solution.
Jignesh Vachhani
RE: Custom Background Image
September 28, 2012 4:11 AM
Answer

Jignesh Vachhani

Rank: Liferay Master

Posts: 780

Join Date: March 10, 2008

Recent Posts

i have to set background image but it should be fix . It should not be move with scroll only page should be move. please give me solution


Gaurav,
You can apply CSS class given as below :

body {
background: url("path to xyz.jpg") no-repeat fixed right top #FFFFFF;
}
Gaurav Shirbhate
RE: Custom Background Image
September 29, 2012 12:33 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Thanks sir...now it is working fine.
Gaurav Shirbhate
RE: Custom Background Image
September 29, 2012 4:37 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Sir, i have to change images in single portlet. But <div id="slideshow"> <div>first slide </div> <div> <img src="images.jpg"></div> <div>last slide</div> </div>
In this case i am getting first slide and ladt slide image but i am not getting image in portlet actually path is correct. please give me solution on this.
Jignesh Vachhani
RE: Custom Background Image
September 30, 2012 10:30 PM
Answer

Jignesh Vachhani

Rank: Liferay Master

Posts: 780

Join Date: March 10, 2008

Recent Posts

Gaurav Shirbhate:
Sir, i have to change images in single portlet. But <div id="slideshow"> <div>first slide </div> <div> <img src="images.jpg"></div> <div>last slide</div> </div>
In this case i am getting first slide and ladt slide image but i am not getting image in portlet actually path is correct. please give me solution on this.


Gaurav,
Not clear with your problem.
Could you please elaborate in more details ?
Gaurav Shirbhate
RE: Custom Background Image
September 30, 2012 11:12 PM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Sorry for being unclear first time.

I wanted to display a slide show on protlet which contains three slides.
First slide and third slide contains string where as second slide contains an image. I am able to resolve the ussue by putting .css file background image property.
but still i want to know by giving accurate image src path i am not getting image on the second slide when i ran slider, but i am getting first and second slide text.
Jignesh Vachhani
RE: Custom Background Image
October 1, 2012 5:00 AM
Answer

Jignesh Vachhani

Rank: Liferay Master

Posts: 780

Join Date: March 10, 2008

Recent Posts

That is depend on slideshow plugin which you used.
Please post some plugin code here which you used to create slideshow.
Did you use jquery for this slideshow ?
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 2:30 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

i used below code ....
<div id="slideshow">
<div id="image1">
<img src="a.png">
</div>
<div id="image2">
<img src="b.png">
</div>
<div id="image3">
<img src="c.png">
</div>
</div>
and i just mentioned height and width of the imagein .css file
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 2:42 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

I have to create my own calendar portlet. I wrote one code for calendar in view.jsp file of own portlet. but calendar is not getting on the portlet.
same code i used in .html file in netbeans. I am getting calendar on the output. please give me solution on this.
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 3:35 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Actually in my website i created one portlet. I dropped that portlet on home page and mentioned some list of options on that. When i will click on any of the option i have to show information about that option on the second portlet which i dropped on the same page.
Please give me solution for this.
Thanks.
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 3:37 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Actually in my website i created one portlet. I dropped that portlet on home page and mentioned some list of options on that. When i will click on any of the option i have to show information about that option on the second portlet which i dropped on the same page.
Please give me solution for this.
Thanks.
Jignesh Vachhani
RE: Custom Background Image
October 1, 2012 5:03 AM
Answer

Jignesh Vachhani

Rank: Liferay Master

Posts: 780

Join Date: March 10, 2008

Recent Posts

You can follow IPC "Inter portlet communication" concept here.
For detail about IPC, you can refer http://www.liferay.com/community/wiki/-/wiki/Main/Portlet+to+Portlet+Communication
http://www.liferaysolution.com/2011/07/inter-portlet-communication.html
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 7:23 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

I am elaborating my question again. I dropped two portlets on a same page. On one portlet i displayed list of options, when i click on that options one by one. I have to show information about that options on the second portlet, will i get that information on that portlet using inter portlet communication concepts. Please give me solution.
Thanks.
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 9:59 PM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

pleas give me solution for above question.
Gaurav Shirbhate
RE: Custom Background Image
October 1, 2012 11:39 PM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

I dropped two portlets on a same page, I displayed list of options on one portlet. When i click on any particular option i have to show information about that option on the second portlet. This should happen with all the options. Please give me solution for this, thanks.
Jignesh Vachhani
RE: Custom Background Image
October 2, 2012 10:21 PM
Answer

Jignesh Vachhani

Rank: Liferay Master

Posts: 780

Join Date: March 10, 2008

Recent Posts

Please create separate thread for this query.
Gaurav Shirbhate
RE: Custom Background Image
October 3, 2012 6:42 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

yes. I posted question on separate thread.
Gaurav Shirbhate
RE: Custom Background Image
October 3, 2012 7:46 AM
Answer

Gaurav Shirbhate

Rank: New Member

Posts: 24

Join Date: September 26, 2012

Recent Posts

Please give me solution for this immediately. Its urgent.

1. I created two portlets.
2. First- Trigger Portlet and Second-Listener Portlet.
3. I added that two portlets on a page. First at left side and second at right side.
4. I have given two hyperlinks on Trigger Portlet.
5. When i click on any particular link, I have to show some data whatever i have to show on Listener Portlet.
6. Again when i click on another hyperlink i have to show data on the same Listener Portlet.

I resolved this problem using javascript. But when i access that portal as a administrator at that time listener portlet works fine. But when i access as a user at that time listener portlet is not showing output whatever it has to show. Please give me solution for this.
Anonymous
RE: Custom Background Image
October 3, 2012 4:14 PM
Answer

Anonymous

I would create a theme setting in liferay-look-and-feel.xml

<setting configurable="true" key="header-image-url" type="text"/>

then in init_custom.vm

#if ($theme_settings.header-image-url)
#set ($header_image_url = $theme_settings.header-image-url.data
#else
#set ($header_image_url = ${image_folder} + "custom/default_background.jpg")
#end

<style>
body{
background: url($header_image_url);
}
</style>

END of init_custom.vm

Then manage page and add the url to the setting.


PRO: no need to update theme css