Multiple Interactions on a Single Element
Allow for multiple interactions on a single elements. Aka, be able to drag multiple wires from a single object.
Use case 1: When designing a carousel, a user should be able to swipe on an object left or right and navigate to the next or previous slide.
Use case 2: When designing an app with similar interactions to Bumble or Tinder, the test subject should be allowed multiple interactions on the same object. Swipe up, down, left, or right.
We introduced the ability to add multiple interactions on a single element in the most recent version of XD. You can select an object and select the + button on the wire or in the prototype mode property inspector to add an interaction!
-
田沛涵 commented
Can you fix this right now?
I really need multiple interactions on a single element! -
Marioba q commented
the request says multiple ACTIONS on same interaction...
DEFINETELY NOT COMPLETED @elaine
-
Anonymous commented
Here is a similar feature request that is still in the queue: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40202428-one-single-interaction-can-trigger-multiple-action
-
Ed Adams commented
This should not be considered "completed". We need to have multiple of the SAME INTERACTION TYPE on a single component. i.e. I have a standard hamburger icon that animates to an X (close) state —> This component setup should allow me to trigger both the overlay of the menu I am opening + the advance to the X state. Right now, I have to choose, and hack it by adding the X state to the overlay itself, eliminating the animation and simplicity of having component states to begin with.
-
Scott Parish commented
I'm triggering an overlay with a component button. Would like that button to display a different state while the overlay is active. Pls add multiple interactions of the same type.
-
mjb commented
The implementation of this is rubbish. I still can't add multiple interactions of the same type ie multiple taps
-
Anonymous commented
Can anyone help me with multi interactions on single element?
Scenario:
onclicking "contact us" a slider should move below that as well as a pop up of contact us page should get open.
-
Anonymous commented
can anyone tell me how to prototype 2 circles that will slide left and slide right at the same time?
Looked everywhere online...only see a slide bar application with instructions which is not what I am looking for.
Thank you! -
Anonymous commented
since its slightly different, I have created a new ticket for more than one of the SAME TYPE of interaction. Please vote :)
-
Rob commented
Please can we have more than one of the same type of interaction on a component. This ticket should be adjusted as that's what people are requesting - rather than starting again with 0 votes. Thanks
-
Piotr Braszak commented
There's still not enough functionality to this. I am making a component - a button - that has several states. Unfortunately XD does not reecognise the component as a clickable object in whole, therefore actions need to be set on state. This allows me to set button to react to clicks (ie. go to state) but at the same time locks the possibility of that same button to invoke another artboard.
Also, please make components be recognised as whole, not the states. Setting a tap action for hover state seems strange. Not to mention every time I need to make sure components are set to their proper default state to actually appear that way during presentation.
-
nick commented
yeah I want to be able to overlay something and change a component state on a single tap, seems a little crazy that we can't do this yet.
-
Eric Gustafson commented
this is an absolute necessity. please add ability for multiple "tap" interactions for each symbol/component/whatever. with the advanced interactions today there's a huge need for one button to do multiple things
-
Andi commented
yes very much needed
Example: clicking a check box both switches that box to "checked" and does another state change on another component like disabling an area. -
Anonymous commented
The second use case is not addressed. As mentioned below:
> clicking a check box both switches that box to "checked" and shows an overlay with "select all" and other controls at the top of the screen. -
Calvin commented
We want more of the same interactions on one element. So two tabs or four swipes for different directions.
-
Min commented
Would be great if we can have more than one of the same type of interaction on a component. For example on a button we have a default state, a hover state and a pressed state that I would like to show briefly before taking the user to the next page. It would be great if I could do this by having two actions happen on a "tap".
Or in the example in the original post, more than one drag action per component. 4 "drag" interactions (up, down, left, right) on one component.
-
Souheil Mechlawi commented
That will not solve for the mentioned use cases since only one interaction type is allowed per object. Cannot assign two swipes to an object.
-
Anna commented
Also, being able to have multiple things happen with one click (changing states for multiple objects when clicking on an object). For example: clicking a check box both switches that box to "checked" and shows an overlay with "select all" and other controls at the top of the screen.
-
EssZett commented
Fixed :-) with v24