Hello,
I am working on a map that includes several Title Panes. I have replaced the Text in the title panes with images. Is it possible to create tool tips for the panes?
I have tried using the Dijit Tooltip class to display them, but it won't show when the title pane is created.
My code attempting to create the tooltips:
//"BasemapTitle" is the Id for the TitlePane
var myTooltipDialog = new Tooltip({
connectId: ["BasemapTitle"],
content: "Basemap Gallery",
position: ["below"]
});
Thanks!
Chris
Solved! Go to Solution.
Chris,
If I wrap the titlepane in a div and give that div a title property (with means a tooltip) then I have no issue.
<div style="position:absolute; right:20px; top:10px; z-Index:999;" title="blah blah">
<div data-dojo-type="dijit/TitlePane" id="bmTitlePane"
data-dojo-props="title:'Switch Basemap', closable:false, open:false">
<div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">
<div id="basemapGallery"></div>
</div>
</div>
</div>
Chris,
If I wrap the titlepane in a div and give that div a title property (with means a tooltip) then I have no issue.
<div style="position:absolute; right:20px; top:10px; z-Index:999;" title="blah blah">
<div data-dojo-type="dijit/TitlePane" id="bmTitlePane"
data-dojo-props="title:'Switch Basemap', closable:false, open:false">
<div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">
<div id="basemapGallery"></div>
</div>
</div>
</div>