[OpenLayers-Users] How do I show a Control.ZoomBox tool icon in a Control.Panel ???

[Brendan Graham]

Hi list,

This problem is stumping me. I've cheched all the CSS stuff and eventually 
used Firebug.

The div exists in the HTML:

<div class="olControlZoomBoxItemActive"/>

But there's no associated style showing up with Firebug as follows:


.olControlEditingToolbar div {style.css (line 113)
float:right;
height:24px;
margin:5px;
width:24px;
}

The Control.Navigation tool registers:


.olControlEditingToolbar .olControlNavigationItemInactive {style.css (line 
123)
background-image:url(img/pan_off.png);
background-repeat:no-repeat;
}

.olControlEditingToolbar div {style.css (line 113)
float:right;
height:24px;
margin:5px;
width:24px;
}

I've included the CSS file, the offending JavaScript and a print screen of 
Firebug while hovering over the INVISIBLE tool.

Thanks again for you assistance.

Respectfully,

Brendan



 








uSys Integral
Brendan Graham, CTO
e-mail: info at usysinc.com
Tel# 305-793-3778



From: Christopher Schmidt <crschmidt at metacarta.com>
To: info at usysinc.com
CC: users at openlayers.org
Subject: Re: [OpenLayers-Users] How do I show a Control.ZoomBox tool icon in 
a Control.Panel ???
Date: Thu, 28 Jun 2007 23:27:43 -0400
MIME-Version: 1.0
Received: from usysinc.com ([66.49.195.114]) by 
bay0-mc6-f14.bay0.hotmail.com with Microsoft SMTPSVC(6.0.3790.2668); Thu, 28 
Jun 2007 20:27:46 -0700
Received: from newhost93.newhost93-server.com (root at localhost)by usysinc.com 
(8.12.10/8.12.10) with ESMTP id l5T3RjlN020058for <info at usysinc.com>; Thu, 
28 Jun 2007 23:27:45 -0400
Received: from silene.metacarta.com (silene.metacarta.com [65.77.47.18])by 
newhost93.newhost93-server.com (8.12.10/8.12.10) with ESMTP id 
l5T3Rj80020052for <info at usysinc.com>; Thu, 28 Jun 2007 23:27:45
-0400
Received: from localhost (silene.metacarta.com [65.77.47.18])by 
silene.metacarta.com (Postfix) with ESMTP id 90DD714C857F;Thu, 28 Jun 2007 
23:27:45 -0400 (EDT)
Received: from silene.metacarta.com ([65.77.47.18])by localhost 
(silene.metacarta.com [65.77.47.18]) (amavisd-new, port 10024)with ESMTP id 
15487-04; Thu, 28 Jun 2007 23:27:43 -0400 (EDT)
Received: from jannu.metacarta.com (jannu.metacarta.com 
[65.77.47.165])(using TLSv1 with cipher AES256-SHA (256/256 bits))(No client 
certificate requested)by silene.metacarta.com (Postfix) with ESMTP id 
6826614C8566;Thu, 28 Jun 2007 23:27:43 -0400 (EDT)
Received: from crschmidt by jannu.metacarta.com with local (Exim 4.50)id 
1I4795-0003Pg-BF; Thu, 28 Jun 2007 23:27:43 -0400
On Thu, Jun 28, 2007 at 10:56:30PM -0400, Brendan Graham wrote:
 > Hi group,
 >
 > I've spent days trying
to get variations of the following to work, but
 > though the tool is available and can be clicked on and does work, the
 > Control.Panel TOOL IS INVISIBLE. Can anyone tell me how to make the tool
 > visible?

Step one: Add a background color to the 'div {' rule, so you can see
that it's there at all.

Step two: You haven't provided full context, so I don't know for sure,
but is it possible that the path to 'img/foo' is wrong?

I just tried it by putting it in the examples/panel.html example, and
although what you pasted didn't work, when I changed the img locations,
a la:

background-image: url("../theme/default/img/pan_on.png");

It worked fine.

So, is your CSS right? Do you have the files there?

If that doens't work, download Firebug
https://addons.mozilla.org/en-US/firefox/addon/1843 , click 'inspect',
click
on the place where the icon should be, and look at the CSS. Hover
over the 'background-image' css property, and you should get an image.
Check that this works.

Beyond that, I'm a bit short on advice, but that might help get you
pointed in the right direction.

Regards,
--
Christopher Schmidt
MetaCarta

  Make every IM count. Download Messenger and join the i’m Initiative now. 
It’s free.

_________________________________________________________________
PC Magazine’s 2007 editors’ choice for best Web mail—award-winning Windows 
Live Hotmail. 
http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507
-------------- next part --------------
A non-text attachment was scrubbed...
Name: debug.odt
Type: application/vnd.oasis.opendocument.text
Size: 109469 bytes
Desc: not available
Url : http://lists.osgeo.org/pipermail/openlayers-users/attachments/20070629/1d113fa3/debug.odt
-------------- next part --------------
A non-text attachment was scrubbed...
Name: style.css
Type: text/css
Size: 4669 bytes
Desc: not available
Url : http://lists.osgeo.org/pipermail/openlayers-users/attachments/20070629/1d113fa3/style.css
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osgeo.org/pipermail/openlayers-users/attachments/20070629/1d113fa3/wfs-t.html