Hi,

I've set up a panel page and am having a problem getting views rotator to work in it.

The problem is that when I have more that one item in the panel and the rotator starts working, the panels below shift up and are hidden behind the rotator panel.

If the nodes diplayed is set to one in the panel config everything is fine, but his has the effect of not rotating, of course.

I've done a diff on the configs and the only difference is below (the two pages are attached from my 'view source'). It looks properly closed to me. What do you think? Thanks for any help.

Only local images are allowed.
Take a look at our new content.
You got to see dis!
Only local images are allowed.
Here is a website we made. It uses wordpress, which is a blogging engine that many people use. Amanda made a template.
CommentFileSizeAuthor
frontpagebad.txt12.34 KBsam_squarewave
frontpagegood.txt10.97 KBsam_squarewave

Comments

sam_squarewave’s picture

sam_squarewave commented

Here is the diff, messed it up above.

          <div class="views-rotator-item">  
  <div class="views-field-field-frontpagepicture-fid">
                <span class="field-content"><a href="/content/new-feature"><a href="/content/new-feature" class="imagefield imagefield-nodelink imagefield-field_frontpagepicture"><img src="http://dev.littlebirdllc.com/files/background-scribble.jpg" alt="" title="" width="950" height="225" class="imagefield imagefield-field_frontpagepicture" /></a></a></span>
  </div>
  
  <div class="views-field-field-tagline-value">
                <span class="field-content"><a href="/content/new-feature">Take a look at our new content.
You got to see dis!</a></span>
  </div>
</div>
          <div class="views-rotator-item">  
  <div class="views-field-field-frontpagepicture-fid">
                <span class="field-content"><a href="/content/wedsite"><a href="/content/wedsite" class="imagefield imagefield-nodelink imagefield-field_frontpagepicture"><img src="http://dev.littlebirdllc.com/files/electric_pole_0.jpg" alt="" title="" width="950" height="241" class="imagefield imagefield-field_frontpagepicture" /></a></a></span>
  </div>
  
  <div class="views-field-field-tagline-value">
                <span class="field-content"><a href="/content/wedsite">Here is a website we made.  It uses wordpress, which is a blogging engine that many people use.  Amanda made a template.</a></span>
  </div>
</div>
mfer’s picture

mfer commented

This is a css/theming issue. Would have to see the actual page to find the problem.

This JS uses positioning which can cause things around it to become a little crazy.

crutch’s picture

crutch commented

See issue http://drupal.org/node/540666

I worked around it by adding a CSS ID to the area of the panel. I did this manually by adding an CSS ID during the creation of the panel area.
I added min-height: 250px; in the CSS. Which sort of fixes the problem but when text-resize is introduced it throws the min-height solution out.

sam_squarewave’s picture

sam_squarewave commented

Thanks!

sam_squarewave’s picture

sam_squarewave commented
Status: Active » Closed (fixed)