Bug? On my iPhone (SE) while using the mobile preview app, a vertical white band appears on the right (see attachment).Why can't we lock the position of the GALS/GUYS title, in order to avoid dragging an item on top of it (see attachment).It needs to be dragged further into Panel 1. Bug? When dragging the items back into Panel 1, it doesn't work when dragging the items inside the top part of Panel 1.I really want to test out JIM's capabilities before purchasing, and the last time I had tried it was several years ago.Īnyhow, I've made more progress on the interaction thanks to your help.
#DRAG IN JUSTINMIND TRIAL#
I was able to get a new trial going on my old laptop with a new account. I'm curious to know if Justinmind can prototype this, because other tools don't appear to have this capability. The key point here is to have Areas 1 and 2 as vertically scrolling areas within the page, to keep both areas visible on the phone screen in case there are many items involved.Īn example would be dragging and dropping images of vegetables and fruits from Area 1, to either a "Vegetable" droppable area, or a "Fruit" droppable area in Area 2. Drop item, and item snaps into place in the target area within Area 2.Drag item out of Area 1 into a droppable target area in Area 2.Long Tap on draggable item activates dragging behavior.Area 2: vertically scrolling area (fixed height) within the page (say below area 1), containing two droppable target areas.
Choose a Change Style action, and change the rectangle's background color back to transparent.ĥ. Create another On Drag Stop trigger but leave the drag target empty this time. Click the '+' button in the Events palette to create a new interaction. Click 'OK' to finish building the event.Ĥ. Next, choose an Insert Into action, and have the rectangle be inserted into the dynamic panel. For the drag target (that new field that appear after you choose that trigger), choose the dynamic panel. Click the '+' button in the Events palette to create a new event. Click 'OK' to finish building the event.ģ. For the style to change, change the rectangle's background color to something not transparent. Right-click on the action you just created in the Events palette and select 'add action after selected'. Click 'OK' to finish building the event.Ģ. For both the X (horizontal) and Y (vertical) movements, select 'Move with cursor'. You'll see a two dropdowns appear below where you can define where the rectangle should move. Select the rectangle and look to the Events palette. Give that dynamic panel a horizontal layout and add some horizontal and vertical spacing to it.ġ. On the bottom of the screen (or wherever you'd like the rectangles to be placed when you drag them), add a Dynamic Panel. Place a rectangle onto the Canvas on top of the icons, and give it a transparent background.
Unfortunately you won't be able to add an unlimited amount of rectangles - you'll need to add as many rectangles as you'll want to use to the prototype to the Canvas. Something like the attached example sounds like what you're looking for.
0 kommentar(er)
