Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

linking object/elements on same artboard or within artboard

Explorer ,
Nov 27, 2019 Nov 27, 2019

Hi,

I have been struggling to link elemets in same artboard. e.g: on graph if I want to show tooltip on click of coordinates.

creating arboard everytime for each elements linking is very tedious. if this feature in not there in XD, adobe need to think from usability perspective. other tools, like Axure and Sketch gives these features. 

can anyone help me here how to do this linking within artboard?

 

graph.png

TOPICS
How to
1.5K
Translate
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

Community Expert , Nov 27, 2019 Nov 27, 2019

Here's a link to the Adobe help that describes how states work within components. You can find plenty of other tutrorials as well. https://helpx.adobe.com/xd/help/create-component-states.html

Translate
Community Expert ,
Nov 27, 2019 Nov 27, 2019

I don't completely understand what you're trying to do however you may want to try using Components. With a Component, you can create multiple states that reside on the same artboard but have different appearances depending on which object you tap.

Translate
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
Explorer ,
Nov 27, 2019 Nov 27, 2019

Hi Chad,

what I am trying to do is linking the dot on the graph to the tooptip above it in the same artboard.

do you have solution for this?

Translate
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 Expert ,
Nov 27, 2019 Nov 27, 2019

Oh, so when you tap on the dot, the tooltip appears? Like this? I'm happy to share the file with you if you'd like.

 

https://adobe.ly/2qQ7blU

Translate
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
Explorer ,
Nov 27, 2019 Nov 27, 2019

cheers! exactly, there you go. 

Solution please 😞 

Translate
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 Expert ,
Nov 27, 2019 Nov 27, 2019

Ironically I can only share this file with you directly to your email via Creative Cloud. So I put it on Google Drive. Here's the link. https://drive.google.com/file/d/1NzQXeB6TOUSv5kjbXExeM270KoSYcDnM/view?usp=sharing

Translate
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
Explorer ,
Nov 27, 2019 Nov 27, 2019

Thanks a ton Chad,

if you can mail me the step, it would definitely help me and my other colleagues for future projects.

 

Cheers!

Translate
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 Expert ,
Nov 27, 2019 Nov 27, 2019

Here's a link to the Adobe help that describes how states work within components. You can find plenty of other tutrorials as well. https://helpx.adobe.com/xd/help/create-component-states.html

Translate
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
Explorer ,
Nov 27, 2019 Nov 27, 2019

GR8! Chad,

It's very helpful, I got through it now. 🙂 

I am so very relaxed, no need to make extra artboards for these small animations... Yiepee.. YO!

 

Cheers!

Translate
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
Explorer ,
Nov 28, 2019 Nov 28, 2019

Hi Chad,

please check the link below

https://xd.adobe.com/view/3dd4b4be-9a74-4078-6686-56ec5a5f12db-4be5/?fullscreen

 

for

  1. values on dots
  2. previous and next arrows
  3. DQ01 and DQ02 tabs

 

let me know your opinion.

 

Translate
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 Expert ,
Nov 28, 2019 Nov 28, 2019

It looks great. It seems like you're only navigating to DQ01 and DQ02. Should it keep going to DQ03 and DQ04 etc?

Translate
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
Explorer ,
Nov 28, 2019 Nov 28, 2019
LATEST

yes, but for demo purpose, I just made these 2 tabs clickable.

Translate
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