[MGNLUI-1422] As a user I can move components so that I can do the same work as in 4.5 Created: 24/Jan/13  Updated: 25/Jun/13  Resolved: 30/May/13

Status: Closed
Project: Magnolia UI
Component/s: page editor, pages app
Affects Version/s: 5.0
Fix Version/s: 5.0

Type: Story Priority: Major
Reporter: Philipp Bärfuss Assignee: Espen Jervidalo
Resolution: Fixed Votes: 0
Labels: None
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: Not Specified Time Spent: Not Specified
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLUI-1427 page-editor: add native browser move ... Sub-task Closed Espen Jervidalo  
MGNLUI-1429 page editor: allow moving with button... Sub-task Closed Espen Jervidalo  
MGNLUI-1470 page editor: attach a component widge... Sub-task Closed Espen Jervidalo  
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: Page Editor
Sprint: Iteration 2013-12, Iteration 2013-13, Iteration 2013-14, Iteration 2013-15, Iteration 2013-16, Beta 2, Beta 3
Story Points: 5

 Description   

Moving components is currently not working.

Remove intercept filter.



 Comments   
Comment by Andreas Weder [ 03/May/13 ]

"Move" should work as following.

In short, move should work in 5.0 the same way it did in 4.5.

Move action

  • there should be a "move" action in the Action Bar as well as a "move" icon on the component edit bar. Both do the same.
  • clicking it glues the bar to the mouse pointer, just as in 4.5.
  • You move the mouse within a different location within the same area and get highlighted bars where you could drop the bar. Note that there's no need to keep a mouse button pressed - we're in a "move mode".
  • pressing ESC escapes the "move mode" and aborts the "move" action
  • if you move the mouse on a highlighted bar, then click the left mouse button (or optional: press RETURN), the component is moved to that position and both the "move mode" and the "move" action end.

Drag and drop

  • you may also use drag and drop to move components within the same area.
  • Drag and drop works the same as "move mode" (the bar moves with the mouse pointer; it highlights bars), but requires you to press the mouse button and keep it pressed during the drag.
  • if you let go of the mouse button prematurely, i.e. without an bar currently highlighted, both drag and drop and the "move" action are aborted.

Visual design

Generated at Mon Feb 12 08:46:25 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.