Move image position with workflow

Thanks Levon. The student becomes the master :wink: Okay, not really. But less of a student, finally. lol.

Will have to show you our updated app at some point. Itā€™s getting pretty slick.

Even thinking about running a few virutal speed networking events for Bubblers to meet one another. Would be a great way to help people in the community meet each other and also show them a few cool interactions and elements that they may not have seen done in Bubble.

2 Likes

Thatā€™s super clever.

1 Like

Great idea, Scott! Hope it goes well!
curious to see your updated app

Thanks,
Levon.

Founder at Bubblewits - Bubble Certified Partner

http://bubblestore.io ā€“ a place to buy Bubble templates for landing pages, e-commerce, workflows, APIs etc.
http://iambubble.com - one page Bubble demo
http://builtonbubble.com - Collection of apps built on Bubble

Hi guys,

How can I do this if I want my half of my group outside of the screen? Say I have a picture of a head at the bottom of the screen and if I click on it, the image will scroll up and it will show the whole body as well. Is it possible to have half of the group outside the page area? If not, what workaround can I do?

Thanks.

I believe you can move elements to be off the page. Just set the x-value to negative (e.g., -100) to move them off the left side of the page. Or, make the x-value larger than the page width to move them off the page on the right.

1 Like

Thanks. I will try that.

Brilliant. Invisible Slider panels kinda sure you can get real tricky with this technique

This is a really great solution for a defined number of pixels (and a very clever find!), but is there a responsive solution? Like, say I want to move an element by 25% of the page width? Ideally, Iā€™d love for X,Y,W,H all to be powered by dynamic data.

Although I havenā€™t used it @pflu0008 , Iā€™m pretty sure that this is the use case covered by the MoveIt! plugin by @jarrad

I use moveit! you can also do this in part with the other plugins @jarrad provides

% of page width no problem.

element

1 Like

Which other plugins handle this? Is your screenshot from MoveIt? Does it handle height as well?

Between,

There is not much UI wise that you cant create.

2 Likes

As @jarrad mentions there are 3 ā€¦ use them all and yes it does height too using css tools

2 Likes

Is this broken now? Iā€™m getting a crazy flashing response when I hover!

Trying to use this technique with an icon but itā€™s reducing the size of the icon by the border width when I trigger the condition (hover)

Thought about setting the other borders to negative amounts but that didnā€™t work out.

Recreated what Iā€™m seeing here: https://bubble.io/page?type=page&name=slide_2&id=forumapp3&tab=tabs-1

Potential Solution: Make the icon fixed width and put it in a group. Set the groupā€™s border to change width.

Also, this trick was from quite a while back. There are lots of plugins now that make this easy so consider those, especially if you want to get more fancy.

Thanks. Iā€™ll mess around with the fixed width and group idea. Donā€™t need to get too fancy but I may end up there just to not have to spend too much time.

Found the solution, from 2 years ago

Bubble makes a DraggableUI plugin. Problem solved!

Hi I tried to use the trick with the borders. I noticed that it works with border top (moving a image downwards), but not with border bottom to move a image upwards. As a workaround I start with a top border which I hide on hover. Do I miss something or is this the only way?