nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Dynamically Move Scalebar

GWReid

Is there a way to dynamically move the scalebar to another location?

Thanks,
Glen

Vind meer berichten getagd met

Accepted answers

DasaPaddock

Here's a sample that shows how to get the style and change it at runtime:

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:esri="http://www.esri.com/2008/ags">      <fx:Script>         <![CDATA[             private function updateScaleBarPostion(leftValue:Number):void             {                 var style:CSSStyleDeclaration = styleManager.getStyleDeclaration("com.esri.ags.components.ScaleBar");                 style.setStyle("left", leftValue);             }         ]]>     </fx:Script>      <s:controlBarContent>         <s:Button click="updateScaleBarPostion(200)" label="Move ScaleBar"/>         <s:Button click="updateScaleBarPostion(5)" label="Reset ScaleBar"/>     </s:controlBarContent>      <esri:Map level="3">         <esri:ArcGISTiledMapServiceLayer/>     </esri:Map>  </s:Application>

All comments

GWReid

Thanks Dasa -- that was what I was looking for.

DasaPaddock

Here's a sample that shows how to get the style and change it at runtime:

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:esri="http://www.esri.com/2008/ags">      <fx:Script>         <![CDATA[             private function updateScaleBarPostion(leftValue:Number):void             {                 var style:CSSStyleDeclaration = styleManager.getStyleDeclaration("com.esri.ags.components.ScaleBar");                 style.setStyle("left", leftValue);             }         ]]>     </fx:Script>      <s:controlBarContent>         <s:Button click="updateScaleBarPostion(200)" label="Move ScaleBar"/>         <s:Button click="updateScaleBarPostion(5)" label="Reset ScaleBar"/>     </s:controlBarContent>      <esri:Map level="3">         <esri:ArcGISTiledMapServiceLayer/>     </esri:Map>  </s:Application>

GWReid

Thanks for the info Rhett. I have seen that for positioning.

By dynamically -- I have the scalebar in the bottom left of the map. A sliding panel moves over it and obscures it. I'd like to be able to move the scalebar x pixels to the right when the panel is open, and put it back when the panel is closed.

Thanks,
Glen

rzufelt

Not sure what you mean by dynamically, but this thread shows how to move the scale bar.

http://forums.arcgis.com/threads/59984-how-change-scalebar-position

R_

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.