Move image position with workflow

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?

Hey guys, can’t make this “flush” thing happen. Newbie alert!

Can anyone help me with that?

You are a Genius! This works like a charm. Thanks mate, really appreciate it.

That’s odd and the trick works but in my app only works from left to right, and I need it from bottom to top, when I try any other direction de border just goes behind the element

I have the same problem, only works from left to right, any other direction de border doesn’t push the image, it goes behind the picture, did you find the solution?

Mate I tested and in my app it wonky works moving the element from left to right, when I try any other direction, the border just go behind the picture with pushing it, how did you make it work? I’d really appreciate your help, best regards mate