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

Trouver plus de publications taguées avec

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_

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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