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; } } }

Rotate Problem in quick app

OlyBrian2

I created a quick app to display a map that shows tree location points in our commnunity development. I added the locator widget so that users can track their motion in relation to the tree points. When I look at the app on my phone the map rotates too often as I walk along. It makes it hard for users to walk towards the tree points and see where they are in relationship to the point. Several of my Beta testers have complained. I have tried to turn off the compass, but the problem still exists. I could not find a way to turn off rotate in the app.

I also tried to use Experience Builder to build the app. Not a rotate problem with Experience Builder, but could not find a way to track location.

I did a search of the ESRI Communities, but did not find anyone else having this problem. Is this a problem that has affected others? Tree App

Find more posts tagged with

Accepted answers

ChryseMorales

Hi Brian, sorry for the delay I was away at a conference and then sick. It doesn't seems like the rotationDisabled is set on your app. Let me know if these fixes work:

You can add rotationDisabled as a URL parameter or at the app level, if you're comfortable making changes to the JSON in AGO Assistant you can do the following:

It’s a good idea to make a copy of your app and test this workflow out before doing it on your real application.

Log in to AGO assistant. https://assistant.esri-ps.com
In “My Content” find your app then in then click the {} button to edit the items json
In the JSON editor click the “Data” tab then click the “Edit JSON” button
Then find a spot in the json in the values object to add rotationDisabled and set it to true.
Save and test your app

ChryseMorales

Okay good news, I was able to reproduce the behavior and we should hopefully have a fix for it on Monday.

Once in, you'll have two ways to implement the fix. You can add rotationDisabled as a URL parameter or at the app level, if you're comfortable making changes to the JSON in AGO Assistant you can do the following:

It’s a good idea to make a copy of your app and test this workflow out before doing it on your real application.

Log in to AGO assistant. https://assistant.esri-ps.com
In “My Content” find your app then in then click the {} button to edit the items json
In the JSON editor click the “Data” tab then click the “Edit JSON” button
Then find a spot in the json in the values object to add rotationDisabled and set it to true.
Save and test your app

We will work on adding a configuration option so this can be configured by the app author before publishing for the next release.

Hope this helps! Let me know after Monday if you're still seeing any issues.

All comments

OlyBrian2

Sorry for the delay too. I wanted to hear back from my group of testers before responding to your latest. Thanks again for the code changes and I did apply them. It seems to solve the rotate problem and I am really appreciative your help. They did report somewhat erratic behaviour by the tracking widget, but I think that has to do with refresh settings on their own phones. That will be a separate post if I can't get that fixed. Also got some high resolution aerials that I plan to use as a basemap so the tracking widget is less important. Thanks again for your responsive and helpful suggestions. Brian

ChryseMorales

Hi Brian, sorry for the delay I was away at a conference and then sick. It doesn't seems like the rotationDisabled is set on your app. Let me know if these fixes work:

You can add rotationDisabled as a URL parameter or at the app level, if you're comfortable making changes to the JSON in AGO Assistant you can do the following:

It’s a good idea to make a copy of your app and test this workflow out before doing it on your real application.

Log in to AGO assistant. https://assistant.esri-ps.com
In “My Content” find your app then in then click the {} button to edit the items json
In the JSON editor click the “Data” tab then click the “Edit JSON” button
Then find a spot in the json in the values object to add rotationDisabled and set it to true.
Save and test your app

ChryseMorales

Thanks for the additional information. I'm going to do a bit more testing today on this, I still haven't been able to reproduce, but I'll let you know! Is this something that only started happening after the recent Online release? For your data, are you using hosted feature layers or anything else that could also be good to know in my own testing?

OlyBrian2

Sorry, I forgot to provide all the information you asked for. I am opening the app from my email and displaying on Google Chrome. That is a good point. I am not sure what browser it is opening with on the other phones.

OlyBrian2

Thank you very much for the response. I am experiencing the problem on a Galaxy S23 phone. The problem seems to be consistent in different type phones. I made a very short video of the problem. In the video I am walking in a straight line down our street and keeping my hand still. I hope you can see that the map rotates twice. The video file although short exceeds the maximum file size for download, so I am including it as a link to my YouTube channel. https://youtu.be/t-MsaZTaPnQ

ChryseMorales

Hi Brian,

I tested on my end and am not able to reproduce the behavior. Is it possible to attach a video of the behavior you're seeing? What kind of devices are you viewing the app on and in what browser? Thanks!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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