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

Finde mehr Beiträge mit dem Tag

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_

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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