Latest Contributions by JaniceBaird

thanks Tim. The dojo/ready was what was missing and causing the map to wander. The resize event for the mapdiv did not do anything for me. thanks for your help... ... View more

Wrapping the function which creates the map in a timeout for 500ms seems to help. Now the layout is good but the center of the map keeps "walking" or "shifting" to the upper left. This is also intermittent. ... View more

Can ESRI update the links in the Forums? ... View more

Thanks Swingley but I would have to go through the forum posts and find the broken links and send them to you. Dawenx posted one. It redirects you to the Javascript Help Files but not the specific help document you are looking for. Any forum posts dated prior to the move have these broken links. Janice. ... View more

Hey bgfield, You may need to tweak the height of the print button to get it to be the same size as the other buttons. I set mine to 21px. See the attached file. Janice. ... View more

Jian, Thank-you for all the help! Is there any training that you would suggest that could help a person understand javascript and dojo and how it all fits together? Thanks! Janice. ... View more

Jian, Thanks for the help. This works for adding the Print Button to the toolbar but is not exactly what I want. I attached a screenshot of what the toolbar looks like after changing my code. I would like to be able to insert the print button between my bookmark button and my help button. All of the other buttons are declaritive (is that what you call it when they are created in HTML?). Do I need to create all of the buttons on the toolbar programmatically to get the level of control that I am looking for? I tried to use navToolbar.addChild(printer, 😎 and did not get any results. It also works how I had it before as long as the print div is without the dijit.form.button part. (<div id="print_button"></div>). However, this causes the Print and the Help Buttons to display below each other. I attached this screen shot as well. Your thoughts on this would be greatly appreciated. Thanks, Janice.     //get the toolbar     var theToolBar = dojo.byId("navToolbar");     //create the print dijit     app.printer = new esri.dijit.Print({         "map": app.map,         "templates": templates,         url: app.printURL     }, theToolBar);//.placeAt("navToolbar"); //, //dojo.byId("print_button"));  //theToolBar); //    theToolBar.addChild(app.printer, 6);     app.printer.startup();     <div id="navToolbar" data-dojo-type="dijit.Toolbar">       <div data-dojo-type="dijit.form.Button" id="zoomin"  data-dojo-props="iconClass:'zoominIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN); setActiveTool('zoomin');}">Zoom In</div>            <div data-dojo-type="dijit.form.Button" id="zoomout" data-dojo-props="iconClass:'zoomoutIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT); setActiveTool('zoomout');}">Zoom Out</div>            <div data-dojo-type="dijit.form.Button" id="zoomfullext" data-dojo-props="iconClass:'zoomfullextIcon', onClick:function(){zoomToFullExtent();}">Full Extent</div>            <div data-dojo-type="dijit.form.Button" id="zoomprev" data-dojo-props="iconClass:'zoomprevIcon', onClick:function(){navToolbar.zoomToPrevExtent();}">Prev Extent</div>            <div data-dojo-type="dijit.form.Button" id="zoomnext" data-dojo-props="iconClass:'zoomnextIcon', onClick:function(){navToolbar.zoomToNextExtent();}">Next Extent</div>       <div data-dojo-type="dijit.form.Button" id="pan" data-dojo-props="iconClass:'panIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.PAN); setActiveTool('pan');}">Pan</div>       <div data-dojo-type="dijit.form.Button" id="measure" data-dojo-props="iconClass:'measureIcon', onClick:function(){setActiveTool('measure'); displayMeasure();}">Measure</div>       <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'bookmarkIcon'">         <span>Bookmarks</span>         <div data-dojo-type="dijit.TooltipDialog">           <div id="bookmarks"></div>         </div>       </div>       <div id="print_button"></div>       <div data-dojo-type="dijit.form.Button" id="help" data-dojo-props="iconClass:'helpIcon', onClick:function(){displayHelp();}">Help</div>     </div> ... View more

I am using the esri.dijit.Print example for adding templates to the esri print dijit. This gives me a print button so when I add that button to the toolbar, I get a button on top of a button. If I give the toolbar button a class, like I did with the navigation buttons, I get an image added to the button that is behind the Print button. What I would like to do is add the Print Button (esri print dijit) to the toolbar. I understand how to add buttons to the toolbar, I successfully added the bookmarks, help, and measure buttons. What I don't understand is how to add a pre-canned button (the esri print dijit) to the toolbar without the toolbar creating a button for me to use. If I use the button provided by the toolbar and call it 'Print' and then add the print dijit to it, what I get is a button that when clicked brings up another button that has the dropdown list of templates on it. I really do not want a button on a button. Has anyone else successfully added a print dijit to the toolbar as I am describing? Thanks! ... View more

Here is the button code...     <div id="navToolbar" data-dojo-type="dijit.Toolbar">       <div data-dojo-type="dijit.form.Button" id="zoomin"  data-dojo-props="iconClass:'zoominIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN); setActiveTool('zoomin');}">Zoom In</div>            <div data-dojo-type="dijit.form.Button" id="zoomout" data-dojo-props="iconClass:'zoomoutIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT); setActiveTool('zoomout');}">Zoom Out</div>            <div data-dojo-type="dijit.form.Button" id="zoomfullext" data-dojo-props="iconClass:'zoomfullextIcon', onClick:function(){zoomToFullExtent();}">Full Extent</div>            <div data-dojo-type="dijit.form.Button" id="zoomprev" data-dojo-props="iconClass:'zoomprevIcon', onClick:function(){navToolbar.zoomToPrevExtent();}">Prev Extent</div>            <div data-dojo-type="dijit.form.Button" id="zoomnext" data-dojo-props="iconClass:'zoomnextIcon', onClick:function(){navToolbar.zoomToNextExtent();}">Next Extent</div>       <div data-dojo-type="dijit.form.Button" id="pan" data-dojo-props="iconClass:'panIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.PAN); setActiveTool('pan');}">Pan</div>       <div data-dojo-type="dijit.form.Button" id="measure" data-dojo-props="iconClass:'measureIcon', onClick:function(){setActiveTool('measure'); displayMeasure();}">Measure</div>       <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'bookmarkIcon'">         <span>Bookmarks</span>         <div data-dojo-type="dijit.TooltipDialog">           <div id="bookmarks"></div>         </div>       </div>       <div data-dojo-type="dijit.form.Button" id="print_button">       </div>       <div data-dojo-type="dijit.form.Button" id="help" data-dojo-props="iconClass:'helpIcon', onClick:function(){displayHelp();}">Help</div>     </div> ... View more