Solved

Dynamic Display Block not showing

Posted on 2013-12-13
4
421 Views
Last Modified: 2013-12-15
I have done a fairly simple Drupal website, with a slideshow on the home page. I have set up dynamic display block with a bunch of images,  I use this module all the times, but it just doesn't show up. I have set the permissions, the images are in the correct spot, I can see them in Firebug.  I cannot figure out what is wrong.
Until I get this working, I have the slide show set up on a test page, as this is now a live site:
http://www.fowlerkennedyfuneralhome.com/test
You can see the big empty space where it should be. The weird thing is that this is a sister site to:
http://www.concordfuneral.com/
and I am using the SAME theme (litejazz) and the same webhost, so I don't think it is a configuration issue. They have the same modules and functionality.
I have never used Firebug for stepping through the Javascript to see if there is an error somewhere that impacts this slide show. I don't knoiw how to do that. Maybe there is a conflict with something else.
0
Comment
Question by:nanharbison
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 44

Expert Comment

by:Rainer Jeschor
ID: 39717575
Hi,
sorry I have no experience with Drupal, but there is one difference.

On the working site, there is this Drupal Settings extension:
jQuery.extend(Drupal.settings, {"basePath":"\u002F", "pathPrefix":"", "ajaxPageState":{"theme":"litejazz", "theme_token":"1glCj2JdCzqVY28aM_kYvZZUHj29dsZ_5V73xityRiE", "js":{"misc\u002Fjquery.js":1, "misc\u002Fjquery.once.js":1, "misc\u002Fdrupal.js":1, "misc\u002Fui\u002Fjquery.effects.core.min.js":1, "sites\u002Fall\u002Flibraries\u002Fjquery.cycle\u002Fjquery.cycle.all.js":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fjs\u002Fjson2.pack.js":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fjs\u002Fddblock.js":1}, "css":{"modules\u002Fsystem\u002Fsystem.base.css":1, "modules\u002Fsystem\u002Fsystem.menus.css":1, "modules\u002Fsystem\u002Fsystem.messages.css":1, "modules\u002Fsystem\u002Fsystem.theme.css":1, "modules\u002Fcomment\u002Fcomment.css":1, "modules\u002Ffield\u002Ftheme\u002Ffield.css":1, "sites\u002Fall\u002Fmodules\u002Fmollom\u002Fmollom.css":1, "modules\u002Fnode\u002Fnode.css":1, "modules\u002Fsearch\u002Fsearch.css":1, "modules\u002Fuser\u002Fuser.css":1, "sites\u002Fall\u002Fmodules\u002Fckeditor\u002Fckeditor.css":1, "sites\u002Fall\u002Fmodules\u002Fctools\u002Fcss\u002Fctools.css":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fcss\u002Fddblock.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fstyle.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fcss\u002Fred.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fcss\u002Flocal.css":1}}, "ddblockImageContainer":{"1":{"block":"1", "contentContainer":"div.slide", "imageContainerHeight":"327", "imageContainerWidth":"770", "setDimensions":"none"}}, "ddblockImages":{"1":{"block":"1", "contentContainer":"div.slide", "imageHeight":"327", "imageWidth":"770", "setDimensions":"none"}}, "ddblockContent":{"1":{"block":"1", "nrOfItems":2, "setDimensions":"none", "contentContainer":"div.slide", "custom":"", "fx":"fade", "easeOut":"linear", "easeIn":"linear", "speed":"500", "timeOut":"5000", "pause":"1", "next":"0", "overflow":"hidden", "pager":"none", "pagerPosition":"top", "pagerPrevNextLoop":"1", "pagerScrollableLoop":"1", "nrOfPagerItems":"4", "pagerContainer":"pager-item", "pagerEvent":"click", "pagerDisableClick":"1", "pagerFast":"1", "pagerPause":"1", "pager2":"0", "pager2Event":"click", "pager2SlideHide":"0", "slideText":"1", "slideTextjQuery":"0", "slideTextPosition":"bottom", "slideTextContainer":"div.slide-text", "slideTextEffectBefore":"fadeOut", "slideTextEffectBeforeSpeed":"250", "slideTextEffectBeforeEasing":"linear", "slideTextEffectAfter":"fadeIn", "slideTextEffectAfterSpeed":"1000", "slideTextEffectAfterEasing":"linear", "height":"327", "width":"770"}}});

Open in new window


On the non-working site it is:
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"litejazz","theme_token":"XuW2greb4kHzOwQrJJdDooSOSnr0K6aPQzjmi9PxNmQ","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/ui\/jquery.effects.core.min.js":1,"sites\/all\/libraries\/jquery.cycle\/jquery.cycle.all.js":1,"sites\/all\/modules\/ddblock\/js\/json2.pack.js":1,"sites\/all\/modules\/ddblock\/js\/ddblock.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/ckeditor.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/ddblock\/css\/ddblock.css":1,"sites\/all\/themes\/litejazz\/style.css":1,"sites\/all\/themes\/litejazz\/css\/blue.css":1,"sites\/all\/themes\/litejazz\/css\/local.css":1}},"ddblockImageContainer":{"4":{"block":"4","contentContainer":"div.slide","imageContainerHeight":"328","imageContainerWidth":"770","setDimensions":"none"}},"ddblockImages":{"4":{"block":"4","contentContainer":"div.slide","imageHeight":"328","imageWidth":"770","setDimensions":"none"}},"ddblockContent":{"4":{"block":"4","nrOfItems":2,"setDimensions":"none","contentContainer":"div.slide","custom":"","fx":"fade","easeOut":"linear","easeIn":"linear","speed":"500","timeOut":"5000","pause":"1","next":"0","overflow":"hidden","pager":"none","pagerPosition":"top","pagerPrevNextLoop":"1","pagerScrollableLoop":"1","nrOfPagerItems":"4","pagerContainer":"pager-item","pagerEvent":"click","pagerDisableClick":"1","pagerFast":"1","pagerPause":"1","pager2":"0","pager2Event":"click","pager2SlideHide":"0","slideText":"1","slideTextjQuery":"0","slideTextPosition":"bottom","slideTextContainer":"div.slide-text","slideTextEffectBefore":"fadeOut","slideTextEffectBeforeSpeed":"250","slideTextEffectBeforeEasing":"linear","slideTextEffectAfter":"fadeIn","slideTextEffectAfterSpeed":"1000","slideTextEffectAfterEasing":"linear","height":"328","width":"770"}}});

Open in new window


The main difference I can see is that on the non working site forward slashes are used directly (like basePath":"\/") whereas on the working site the slashes are escaped (like "basePath":"\u002F").

Just a guess but perhaps a simple to test starting point.

HTH
Rainer
0
 
LVL 17

Author Comment

by:nanharbison
ID: 39717701
Ranier, this could explain it, I just have to figure out how to change the base path. I just realized that the version of Drupal on the working site is 7.18 and the non-working one is 7.24. I didn't realize the working site needed to be upgraded. I wonder if that will break the slide show, ugh.
0
 
LVL 13

Accepted Solution

by:
Arrow_1 earned 500 total points
ID: 39718178
Add this to your css:
div.block-ddblock .ddblock-container {
    z-index: 0;
}

For some reason the module css is giving it a z-index value of -1 which is effectively placing it behind the body content where it can't be seen. Setting it back to zero will bring it back out front.
0
 
LVL 17

Author Closing Comment

by:nanharbison
ID: 39719948
Thanks, that is all it was. I don't understand why the z value was set the way it was.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Level out logo and increase size? 16 29
Html split(text) Part2 6 25
Prevent certain words from being typed in a form 6 32
Change color in a check box 8 18
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

697 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question