5.1 Beta 1: data-x-slide-goto?

Beta
#1

Have only had a few minutes to play, but things are looking pretty slick so far. Definitely what I was dreaming about way back when… :rofl:

I’m trying to use the data-x-slide-goto custom attribute as explained in the Docs…

  • data-x-slide-goto – Add to any Element to make it a navigation item for your Slider that will take you to the specific numeric index of any page / Slide in your list that you provide. For example, applying data-x-slide-goto="3" to any Element would mean that clicking that Element would always take you to the third Slide in your content. This can be used to create entirely custom navigation for your Sliders with any Elements from the library. The one caveat here is that your markup cannot respond to changes made in the # Per Page option in the same way the Slide Pagination Element does.

However, I can’t seem to get this to work. Do I need to do something beyond the screenshot below? Or is there some other specific setup that’s necessary? (BTW, that’s applied to a button element, but I’ve tried on both DIVs and columns too :man_shrugging: )

image

#2

Hi @devinelston,

Yes, we finally did it! Glad you’ve had a chance to try it out. Regarding that attribute - I’m sorry, that isn’t actually in the beta. We’ve been updating the docs to keep up with additions added for the release candidate, and we just got that working a couple days ago. We’re about to push the RC, so you’ll be able to give it a try.

I know another one of your long standing suggestions was a way to do custom tabs. While that’s still in the works, this is a really good place to start. If you start with a Stacked Slider and zero out the transition time, you can use this data-x-slide-goto attribute to make a little faux tab navigation.

2 Likes
#3

That may – or may not – be exactly what I was trying to do :innocent:

Just tried it with the RC, and it works now. Thanks!

#4

Great! Glad to hear that!