One single interaction can trigger multiple actions to take place.
I found when designing navigation for a single page site, I want the button to change color while on a specific part of the page. It would be nice if one interaction like tap, could trigger multiple interactions to take place.
I am sure many requested or have been frustrated as to why such an elementary item has been ignored.
Is it possible to have a single trigger such as tap to change states of two or more items. For example, can tapping into a text field make it enabled and another button enabled on a different location in the same art board?
This is a simple example but more complex ones be created if it would be possible to associate multiple states for a single tap action.
Here's my most common scenario:
- Button interaction triggers a modal
- Interaction with modal transitions to new view
- New view displays a confirmation overlay
Currently, that means:
- Duplicate artboard for second view with confirmation overlay as part of the layout
- Convert the content of second artboard into components (so I don't have to manage layout copies)
- Deal with a very cluttered Assets panel
The Assets panel thing would be less of an issue if XD offered any sort of organization of components 🤦♂️
- Trigger modal on view one
- Interact with modal to transition to view two
- Same interaction with modal triggers new overlay on view two
Carmine Paolino commented
David Snodgrass commented
Must have feature in order to actually test designs with users vs. 'review' them.
Multiple actions from 1 trigger
Sequence/link actions together (action starts after another action, starts with another action, etc...)
Each action can have it's own "delay" setting
Trigger when you hover the cursor over an area
it'll be very important for us to have the option to push two actions with just one trigger.
e.g. AutoAnimate component-state + Scroll to ScrollMarker or OpenOffCanvasElement
r. creemers commented
It would be nice to have the option to have a audio file and second action under one time event. Now you only can put one action with the time action feature.. Like for example speech feedback and playing an audio file..
Miss that too
Did we get any further on this? Still very much need this functionality within the app. I'm finding many different points within a prototype where this function would be extremely valuable.
Yes please! Just ran into this issue where I have to show a checked checkbox as well as overlay a button state to show a removed disabled attribute, if the checkbox is checked. Maybe I'm doing it wrong, but this seems like the way to go.
Briana Kay commented
Someone has already stated what we need: "We need a way to show a selected state of a button and also have the button trigger an action such as transitioning to a different overlay or scrolling to an anchor spot on the page."
I've run into this SEVERAL times with prototyping various restaurant virtual experiences. I've wanted this for a while now.
NEEED IT :-) LIKE IN AXURE
Would need that as well.
I have an input field (searchbox) which has different states (changing from a searchbutton to cursor when tapping). but I also want an keyboard overlay to appear when tapping on the inputbox. this is currently not possible! :(
Ash Evans commented
I'm trying to have a button call an overlay artboard and also change to a selected state. This is not possible without being able to have a single interaction with a component lead to more than one outcome. This feature, if added would make the software 100% better.
I had this feature in my last prototyping software and really need it here!
We need a way to show a selected state of a button and also have the button trigger an action such as transitioning to a different overlay or scrolling to an anchor spot on the page.
I need this feature a lot . I tried to make alternate but not possible.
I would like to have a possibility to trigger more than one event upon the same interaction. For example I have an input with a button. This button is inactive when the input is empty. I made the "filled" state for the input and I trigger it wit "Tap" but I want also the button to pass into active state when the input is filled.
I can imagine this can be acheived easily by allowing to create 2 bonds "Tap" one to the input state and another to the active state of the button
I would really like to see this feature, for example, to be able to drag/swipe either up or down on the same component and have the different directions yield different results.
I have a component that changes states on Tap, which works great. I want to also have that same Tab event to scroll the page down, but that is not possible. I would have to choose one or the other.
It would be great if more than one action can be triggered with a single click.