[Solved] Multi state box slider

Ask the community
,
1

Hello again,

unfortunatly i did not found answeer on this forum, because people are doing thing much more complicated than what i want to do. I have watch many tutorials and me makes me almost what i want.

I am trying to do a basic slider with Multi state box →
_I have 7 different boxes (with a testimonial text images, buttons on it).
_There 2 button with an arrow icon on it. One for next, and one for previous.

With this code i managed to make the next button work (it’s going on the second testimonial) :

export function button4_click(event) {
    $w('#multiStateBox1').changeState('testimonial2')
    // This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}

My problem is, when i copy and paste, this code and change button4 with button5 it doens’t work.

An other way to explain my “testimonial slider”

multiStateBox1
testimonial1
button4 (link to testimonial7)
button5 (link to testimonial2)
testimonial2
button4 (link to testimonial1)
button5 (link to testimonial3)
testimonial3
button4 (link to testimonial2)
button5 (link to testimonial4)
[…]
testimonial7
button4 (link to testimonial6)
button5 (link to testimonial1)

If someone can help me please :neutral_face:I would be so greatful and nice. (I’m not english native speaker btw)

2

It’s not so clear what your final code is.
Anyway, make sure the button id you used for element selection is correctly spelled and matches the actual property id.

3

Well, till the first button was working, i was planing to do :

export function button4_click(event) {
    $w('#multiStateBox1').changeState('testimonial2')
    // This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}
export function button6_click(event) {
    $w('#multiStateBox1').changeState('testimonial1')
}
..... etc etc

Untill all button were linked to the next box. But it doesn’t work. Only the first changeState works (wich is button4)

4

I give a shot one more time after that i’m going to give up, but it’s such a shame because i feel MultiState boxes are made for what i wan to do but i can’t do it. :sob:

5

All good ! I did it ! I found the way it was really easy actually :

$w('#button4').onClick(() => {
        $w('#multiStateBox1').changeState("testimonial2");
    });
    $w('#button5').onClick(() => {
        $w('#multiStateBox1').changeState("testimonial7");
    });
    etc etc....

I put the code here i case someone needs it. I guess it’s so easy nobody is ever going to need it ahah :laughing: