Hi there,

thanks for thanks for this module.

Without succes I am trying to get a a background in a panelpage which is set as the frontpage, is this possible?

Thanks

Comments

kopeboy’s picture

Same support request here!

Context module isn't a dependency and I wouldn't like to install it just for this module, so how to use this module without context? :)

I guess backstrech images on a landing page (usually created with Panels) is the most common use case..

maxplus’s picture

Hi Guys,

I'm using backstretch together with Panels.

There are several solutions to use it, some of them are for example:

1. Add an image field to a panelized content type and set the field display formatter to "Backstretch" > "whole page"
=> every content of this type gets its backstretch background

Or you could do the following:

2. Create a content type "Backstretch" where you only add one image field. In the display settings you could for example set "Attach to: other element" and there you could enter for example ".navbar" as css class. Then create a node of this Backstretch content type and add this node to a panels page. It does not matter in what region this content is rendered. The Backstretch background is then attached in my example to only the .navbar class.
=> in this example you could add a textfield to your Backstretch content type and work with a token inside the "other element" display setting, so it becomes a little more dynamic using different backstretch regions on the same page or website
( I like this approach more then using fieldable panel panes)

Works great!

held69’s picture

Hi there,

thanks for you're comment.

I have been playing around with this module again.
However in combination with panels i am still not get this working.

Without succes i have tried you'r second method on the following case:

On a panelpage i would like to have:
A top pane with imaged banner: width 100% height 350px.
A second pane filled with text
A third pane with imaged banner:width 100% height 350px.
A fourth pane filled with text

I have attached my backstretch formatter to another element: .backstretch

( .backstretch {
width:100%;
max-width:100%;
min-width:280px;
margin:auto;
position:relative;
}
)

However the image is not appearing.
What am i missing?

Thanks

yannickoo’s picture

Status: Active » Closed (fixed)

You can use the Context module to display a backstretch on your panels page :)