Increment decrement counter by pressing the subsequential decrement increment buttons

New Here ,
Mar 11, 2021 Mar 11, 2021

Copy link to clipboard

Copied

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

Grotehaas_0-1615499026789.png

 

Regards

Grotehaas

TOPICS
Design, How to, Prototyping

Views

293

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct Answers

Explorer , Mar 12, 2021 Mar 12, 2021
Within the component would be my recommendation.

Likes

translate

Translate

Translate
Adobe Community Professional , Mar 13, 2021 Mar 13, 2021
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.

Likes

translate

Translate

Translate
Adobe Community Professional ,
Mar 11, 2021 Mar 11, 2021

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 12, 2021 Mar 12, 2021

Copy link to clipboard

Copied

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 

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 12, 2021 Mar 12, 2021

Copy link to clipboard

Copied

Within the component would be my recommendation.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 13, 2021 Mar 13, 2021

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 14, 2021 Mar 14, 2021

Copy link to clipboard

Copied

Hi ,

It works, after two days of hard work I have my up down increment decrement

many thanks for the help

 

Eddy

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines