[Dojo-interest] Fisheye in BorderContainer/ContentPane Problem (DOJO 1.6.1)

Fri Aug 26 13:58:03 EDT 2011

I am new to Dojo.  Working from the Fisheye Demo, I would like to position a
jpg above the Fisheye widget, effectively moving the Fisheye down from the
top.  I have attempted to place a jpg in the top region of a BorderContainer
and place the Fisheye Widget in the center region of the same
BorderContainer.  This works, the jpg is above the Fisheye Widget... however
when I move the mouse over the Fisheye Widget nothing happens... if I move
the mouse over the original position (essentially the top region of the
BorderContainer) the Fisheye Widget animates... here's the code:

&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;
        &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
<html>
<head>

      <title>FisheyeList Widget Demonstration</title>

      <link rel="stylesheet" href="resources/demo.css">

</head>
<body class="tundra" dvFlowLayout="true">
      <div dojoType="dijit.layout.BorderContainer" design="sidebar"
persist="false" gutters="true" 
            style="width: 100%; height: 100%; min-width: 1em; min-height:
1em;" dvStates="{'undefined':{'style':{}}}">
            <div dojoType="dijit.layout.ContentPane" extractContent="false"
preventCache="false" preload="false" 
                  refreshOnShow="false" region="top" splitter="true"
style="height: 50px; width: 770px;">
             images/cclc.jpg 
            </div>

            <div dojoType="dijit.layout.ContentPane" extractContent="false"
preventCache="false" preload="false" 
                  refreshOnShow="false" region="center" splitter="false"
style="width: 770px; height: 50px;">

                  <div class="outerbar" style="background-color:#B9CDE6">
                        <div dojoType="dojox.widget.FisheyeList"
                              itemWidth="50" itemHeight="50"
                              itemMaxWidth="200" itemMaxHeight="200"
                              orientation="horizontal"
                              effectUnits="2"
                              itemPadding="10"
                              attachEdge="top"
                              labelEdge="bottom"
                              id="fisheye1"
                        >
                        <div dojoType="dojox.widget.FisheyeListItem"
                              id="item1"
                              onclick="alert('click on ' + this.label +
'(from widget id ' + this.widgetid + ')!');"
                              label="Item 1"
                              iconSrc="images/icon_browser.png">
                        </div>

How can I successfully place a graphic over the FishEye widget?  Thanks

--
View this message in context: http://dojo-toolkit.33424.n3.nabble.com/Fisheye-in-BorderContainer-ContentPane-Problem-DOJO-1-6-1-tp3287578p3287578.html
Sent from the Dojo Toolkit mailing list archive at Nabble.com.