Move image position with workflow

There’s another really cool way to do this. Here’s how it works.

If you want to move an element left 20 pixels, then put a group around the element. Make sure the group is flush with the element on the right side and allow for 20+ pixels of room on the left. Then, set the group to have a 20 pixel border on the right side (based on some condition). Set the border color to 100% transparency. There you go. It’ll move the element to the left by 20 pixels based on whatever condition you set. Don’t even need a workflow.

Additionally, you can add a transition to this to make the invisible border appear gradually (making your element slide across the page). Pretty slick looking imo.

Also, if you need to trigger this from a workflow (instead of use the conditional logic) then probably easiest to create a custom state and have the workflow change it from no --> yes or something like that. Then, set the conditional logic to trigger when that custom state is yes.

Enjoy!

18 Likes