Omega, Views, Panels oh my!

Hi Jason,

Most slideshow modules are running a lot of javascripts that are altering the z-index of the slide containers. Most of the time, the javascripts are making those changes as inline style changes on those containers.

So, I'm guessing you're probably trying to set z-index of the slides or the slideshow container but those values won't be inherited.

It's probably possible but you may need to set a bunch of "crazy high" z-indexes on the items you're trying to float over top.

More info on exact modules and/or example would be helpful to get more detailed tips.

@C13L0

Interesting. I was always under the assumption that using negative z-index values would cause problems with setting simple things like background-color on the body, i.e. setting it to anything other than transparent would then cover up the negatively z-indexed item. And then you'd have to negatively z-index body farther back still, and then what kind of fun inheritance ensues from there? I've never actually bothered to test my assumptions so they may, indeed, be completely wrong. Curious as to your thoughts/experience on it.

Are there any IE implications to setting an item negative like that?

If someone could post an actual site demonstrating the problem, I'd be happy to take a look. I think things with Views Slideshow tend to be pretty bloated and difficult to modify. You could likely make a slider yourself that would work better without too much trouble.

Use a view to get the markup the way you'd like it, add a little CSS and jQuery and you should have something.

Here's a quick example I found that might inspire:

http://codepen.io/zuraizm/pen/vGDHl

so, this is definitely possible, and not too difficult if you're creating a custom layout. If you can, create a special region for the front page, and in the layout.css don't assign any grid width to that region. What you'll then want to do, is create a template for that region, and a "region.preprocess.inc" in Ω4's preprocess folder. check against the region's machine name in an if statement, then create a template variable that equals "views_embed_view('view_name', 'display_id', array('arg_1', 'arg_2')); argument array is optional. Once you have that variable defined, open the region template that you previously created and output it where necessary. In your styles, assign the grid width to the elements that you need to (I'm assuming each slide will have it's own content container, for things that aren't the image). This will give you a full width image slider, with columnar content "on top" of it, and does not require any z-index hackery. good luck. ping me in IRC if you need some hand-on assistance, or if you'd like to schedule a time where we can share screens and go over this together.