# As an *editor*, I want to *drag and drop a new content element* in my page with the new Content Element Wizard Bar, to *compose my page faster*. ## Mockups - [video : 3 ways to add a new content - this US is about the third one](https://drive.google.com/file/d/1L5w8J4c8tgNmKa29L_uc_5dXwseoghLa/view?usp=sharing) - [Wizard bar accordion](https://drive.google.com/file/d/1Mq3KUXXe1O7Ue9QxVeBmHxP787mtumTA/view?usp=sharing) - [Wizard bar collapsed](https://drive.google.com/file/d/1C_90J-AEJyxHIPvErE8bvF8rPcb0Tjut/view?usp=sharing) - [Wizard bar drag and drop - conceptual mockup, not the good styling](https://drive.google.com/file/d/1GD8b1eH60NEHkX0u6JV3qGdWDmAXykEs/view?usp=sharing) - [Wizard bar drag and drop ok - conceptual mockup, not the good styling](https://drive.google.com/file/d/1Ubo_o_WLWSHYXsLZX7KfwWok8wkAUBGG/view?usp=sharing) - [Wizard bar drag and drop forbidden - conceptual mockup, not the good styling](https://drive.google.com/file/d/17WKApoL9sYnRjvgxo_TmLBKNWI7vA-oF/view?usp=sharing) - [Wizard context menu](https://drive.google.com/file/d/195_CLZoYIkSL7fGf9tDnPGTig5BsF7Vj/view?usp=sharing) ## Acceptance criteria - [x] I can easily add a new content with a drag and drop from the new Content Element Wizard bar ## Acceptance tests - [x] I can drag a content block from the new Content Element Wizard to a dropable position in the page module - [x] If I drag the new content hover a dropable position, the dropable area change it's state to indicate that I can drop it - [x] After droping the new content in a dropable position, I can see the content block in the new position in the page module - [x] After droping the new content in a dropable position, the new content is hidden by default ## Preconditions / boundary conditions - [x] I have editor's permissions - [x] I have permission to create a content block - [x] I have permission to create a content block at the desired location - [x] Mandatory fields of new content block have default / dummie values for the initial creation state ## Related personas * [ENFJ-theGiver-Sarah-Smith](https://github.com/TYPO3-Initiatives/structured-content/wiki/ENFJ-theGiver-Sarah-Smith) * [ENTJ-theCommander-Regina-Rule](https://github.com/TYPO3-Initiatives/structured-content/wiki/ENTJ-theCommander-Regina-Rule) * [ENTP-theVisionary-OtavioCastilhoFurtado](https://github.com/TYPO3-Initiatives/structured-content/wiki/ENTP-theVisionary-OtavioCastilhoFurtado) * [ESFJ-theProvider-XavierBernhard](https://github.com/TYPO3-Initiatives/structured-content/wiki/ESFJ-theProvider-XavierBernhard) * [ESTP-theDoer-Jamie-Johnson](https://github.com/TYPO3-Initiatives/structured-content/wiki/ESTP-theDoer-Jamie-Johnson) * [INTJ-theMasterminde-Razmus-Ractangle](https://github.com/TYPO3-Initiatives/structured-content/wiki/INTJ-theMasterminde-Razmus-Ractangle) * [ISTJ-theInspector-ThomasFeng](https://github.com/TYPO3-Initiatives/structured-content/wiki/ISTJ-theInspector-ThomasFeng) * [ISFJ-theNurturer-NickPeters](https://github.com/TYPO3-Initiatives/structured-content/wiki/ISFJ-theNurturer-NickPeters)
As an editor, I want to drag and drop a new content element in my page with the new Content Element Wizard Bar, to compose my page faster.
Mockups
Acceptance criteria
Acceptance tests
Preconditions / boundary conditions
Related personas