Skip to main content
palenpointe
Participating Frequently
January 31, 2020
Answered

[Design]-Components with nested child components are not working in XD 26.

  • January 31, 2020
  • 2 replies
  • 2505 views

I love the new padding feature but the components appear to have been broken in the process. (I've only tested this on Mac.)

 

To reproduce the bug:

  1. Create a component like a "button" outside of any page (background shape with text on top)
  2. Use that component to create a button bar of 5 buttons,
  3. Save the "button bar" as a component outside of any pages, too
  4. Create 5 pages and put an instance of the button bar component on all 5 pages
  5. Now link button 1 in the master component to page 1, button 2 to page 2, etc.
  6. Notice that none of the links you created are actually working on any of the pages.

 

The only way to get these links on the pages is to copy the component from the Prototype tab and paste it on all the pages. Then if you make any changes to the master component you have to delete all the instances and repaste the component. And if you changed each of the buttons to an "active" state on each of the pages, you have to redo that, too. 

 

This is a real pain and worked perfectly in the last release.

Please fix ASAP.

 

<The Title was renamed by moderator>

This topic has been closed for replies.
Correct answer Jagriti_Kashyap

Why have you dropped this? Have you tried to understand and reproduce the bug that I pointed out since I've provided more clarification for you?


Hi there,

I went through the document you shared and had the follwing observations for which you are facing the linking issue.

Observations: You have created button1 as the master component and for all other components you have created instances of the same button. Also you have created the button bar using the instances of button 1(component). Due to which, when you are linking the buttons (of the button bar which is also a component) to their respective pages it is not working for the button bar in the pages.

Solution:

1. Create 4 components of the 4 buttons (as all four will be linked to different pages)

2. Create the button bar using the instances of the four buttons and make it a component

3. Create 4 artboards

4. Add instances of the button bar to each of the four pages

5. In the assets panel, right click on button1 and select edit in master component

6. It will get directed to button 1, in the prototype mode link button 1(master component) to page 1 and do the same with all other buttona and pages

7. Now, you will be able to see that all the buttons in all the pages are linked to their respective pages.

 

Hope it solves your problem.

 

Thanks & Regards,

Jagriti Kashyap

2 replies

Preran
Legend
February 6, 2020

I tried reproducing your issue but couldn't. Would it be possible for you to upload your file to a shared location and share the URL with Harshika over a private message for investigation. If the file isn't confidential, you can reply to this post by sharing the URL so that the experts here can also investigate this for you.

palenpointe
Participating Frequently
February 7, 2020

Hello Preran and Harshika and thanks for your help.

 

I can't believe you are not able to reproduce this issue. I just set up a test this morning which definitely illustrates it. Here is the XD file: https://www.dropbox.com/s/t178yzxfql3mxij/XD%20Navigation%20Test.xd?dl=0

 

In this file, you'll see that I have  2 components. The first is the button component. The second is the button bar component which included the button component. The master button bar component is linked to all the pages, but when it was copied and pasted onto all the pages, all of the prototype links were lost.

palenpointe
Participating Frequently
February 14, 2020

Hi Preran and Harshika. Have you guys had a chance to investigate my project and see what may be the cause of the issue? Thanks so much for your help!

Harshika Verma
Community Manager
Community Manager
February 5, 2020

Hi there,

 

We are sorry to hear you're experiencing issue with XD. Would you mind sharing a short video of the workflow capturing the behavior that will help us investigate about the issue? It would be really helpful if you can share the OS and XD version of yoru machine.

 

We will try our best to help.

 

Thanks,

Harshika