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
  • 5130 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.
Inspiring
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.

Syeds
SyedsAuthor
Inspiring
September 21, 2021

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 🙂


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

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