Background Drag

Community Beginner ,
May 30, 2021 May 30, 2021

Copy link to clipboard

Copied

Hello everyone, I have a question - I started using Adobe XD two days ago and I'm a tad confused with something. 

So I have this image as a background. I want it to stay that size, but I want it so when the user is using the app, they are able to move the map so they can see the parts that are hidden. I also want the red dots to drag with the map when it is moved. Is this possible? thanks in advanced everyone 🙂 

Screenshot 2021-05-30 at 17.58.43.png

Views

357

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , May 31, 2021 May 31, 2021
Make sure the map marker is in a group with another element that stays on that artboard. If it's not, whenever you drag it out of the artboard bounds it will get put on the pasteboard.

Likes

Translate

Translate
Community Beginner ,
May 30, 2021 May 30, 2021

Copy link to clipboard

Copied

update: I've figured out how to make the background scroll so the user can look around, but now the red dots are following. Is there a way to make it so the red don't dont come with the scrolling?

Screenshot 2021-05-30 at 20.07.37.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
May 30, 2021 May 30, 2021

Copy link to clipboard

Copied

"Is there a way to make it so the red don't dont come with the scrolling?"

I'm not sure what you mean. In the first post you said you want the dots to move with the map, and in this one you say you don't want them to follow.

 

If you want the dots to move with the map, put them in a group with the map, then put that in a second group and make it a scroll group (to move the map). If not, put them outside of the scroll group and they'll stay fixed, while the map will move.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 30, 2021 May 30, 2021

Copy link to clipboard

Copied

Woah complete typo on my part, I meant the latter. Thanks for clearing it up, it worked!! 😄 I have another question though, how do I duplicate a dot in the greyed out parts of the first image? (not in the actual phone mock up, but the outside box) Whenever I try to do it, it appears outside of the phone prototype. 

Screenshot 2021-05-31 at 00.26.54.png Before I duplicate

Screenshot 2021-05-31 at 00.27.05.png After I drag it over.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
May 31, 2021 May 31, 2021

Copy link to clipboard

Copied

Make sure the map marker is in a group with another element that stays on that artboard. If it's not, whenever you drag it out of the artboard bounds it will get put on the pasteboard.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 31, 2021 May 31, 2021

Copy link to clipboard

Copied

LATEST

Thanks :D:D

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines