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!
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.
The implementation of this is rubbish. I still can't add multiple interactions of the same type ie multiple taps
Can anyone help me with multi interactions on single element?
onclicking "contact us" a slider should move below that as well as a pop up of contact us page should get open.
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.
since its slightly different, I have created a new ticket for more than one of the SAME TYPE of interaction. Please vote :)
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.
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
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.
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.
We want more of the same interactions on one element. So two tabs or four swipes for different directions.
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.
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.
Fixed :-) with v24
Lana Jones commented
I also need to associate a specific artboard with multiple keyboard triggers. For instance, by being able to press the left and right directional arrows to navigate forward or backward. Thanks!
Needed! Then it would be possible to have an additional key event on the same element. And more than ONE keyevent on the whole artboard.
I want to associate a specific artboard with multiple keyboard triggers. let's say I have artboard A; I want to link it with artboard B by clicking Tab and artboard C by clicking Enter instead of duplicating the artboards to achieve such a goal.
Thank you XD Team 😍