Skip to main content
Grotehaas
Participant
Mar 11, 2021 9:44 PM UTC
Answered

Increment decrement counter by pressing the subsequential decrement increment buttons

Hi there, I am new to XD so maybe this question is silly.

I want to increment and decrement a counter by pressing either the increment or decrement button.

I have wached several tutorials on animated couters but they run from begin to end whilst I want to step by one or even 10 incerements up and down.

anny suggestions

 

Regards

Grotehaas

This topic is closed to new replies. Start a new post to keep the conversation going.
Spas K.
Spas K.Correct answer
Community Expert
Mar 13, 2021 8:56 AM UTC

A tip in addition to what Chris said - make sure the +/- buttons within the component are groups, don't make them nested components, or you won't be able to point them to different states of the whole counter component.

5 replies

Chris W. Griffith
Community Expert
Community Expert
Mar 11, 2021 10:25 PM UTC

You need to create this as a component. Then for each step in your stepper, create a new component state. Once you create a new state, make the needed changes, filling in element, updating a number, etc. Repeat this for all the steps you need. Once you have all the visual states created, switch to Prototype mode and wire the increment and decrement buttons. You will need to do this for each step. It is a bit cumbersome, but it works.

Translate
Grotehaas
GrotehaasAuthor
Participant
Mar 12, 2021 3:16 PM UTC

Hi Chris, thanks for pointing in the right direction.

I have one more question, are the increment and decrement buttons included in the Component? or seperate?

 

 

Regards

 

Eddy 

Translate
Inspiring
Mar 12, 2021 3:45 PM UTC

Within the component would be my recommendation.

Translate