Skip to main content
Syeds
Inspiring
September 15, 2021
Answered

How to create a simple clickable slider using one component in XD?

  • September 15, 2021
  • 2 replies
  • 5132 views

I cannot understand how to order my layers for teh animate to work. I am trying to createa an slider with content that advances using a sigle click. I have seven slides. Below it are indicators of what slide the user is on. The contraols are cherons toteh left and right sides that a are clicked to advace.

 

I have been crushing my head trying to figure it out. Please help. Thank you.

 

<Title renamed by moderator>

This topic has been closed for replies.
Correct answer Spas K.

@Spas K. Thank you again. I hope I am not too much of an idiot after reviewing this video. I appreciate your continued support. 


It's not the easiest thing to figure out, and it might help somebody else as well, so it's all good 🙂

 

Make sure you make your slides and everything before you make the component. Adding more slides inside the component might be a headache, so try to avoid it. If you do so, you will be making that slider group bigger. It should be fine, but I don't know how auto-animate will handle it. Components don't really like being modified 🙂

2 replies

Spas K.
Community Expert
Community Expert
September 15, 2021

Hi Syeds, I made a sample for you with 3 slides. Here's the prototype, and here's the .xd file so you can see how it's set up.

 

Hope that helps!

Syeds
SyedsAuthor
Inspiring
September 15, 2021

Thank you for your time. I hope it was not a big task. I will look at the XD file and see whart i was doing wrong.

HARSHIKA_VERMA
Community Manager
Community Manager
September 21, 2021

I did it. The visuals worked for me. Thank you very much again 🙂


We are glad that the sample provided by our expert helped you. Please feel free to reach out to us in the future for any query related to XD.

 

We would be happy to help.

 

Thank you, @Spas K. for your continous contribution to our community. You rock. 🙂

 

Thanks,

Harshika

Syeds
SyedsAuthor
Inspiring
September 15, 2021

I do not want to duplicate my artboard 7 times. There should be a way to do it within one component