Drag & Drop Tutorial    
This topic is assigned to Victor Robu

Aug 25, 2012 06:20 AM

With SeattleClouds Drag & Drop page type you do not need to know HTML, just layout your page by placing and moving your images, text or buttons wherever you want with the click of your mouse.

No technical skills required. Just drag & drop anything you need on your page.

1. In order to add a new Drag & Drop page to your app access its Dashboard. Go to Edit Pages menu then click the "+" (Add New Page) button. 

From the list of the page types available select the Drag & Drop one and click the "Create" button. Once the page is added, you are able to proceed with editing it. 





2. On the left side of the editor you may find the Tool Box giving you the option to add new page elements. Drag & Drop new Page Elements.




2.1  For adding a new image in your page please Drag & Drop from Page Elements Tool Box the Image Icon.

2.2  For adding a new button in your page please Drag & Drop from Page Elements Tool Box the Button Icon.


2.3  For adding a new text field in your page please Drag & Drop from Page Elements Tool Box the Text Icon.


3. On the right side of the editor you may find a list of your page elements. Images, Buttons or Text all these elements can be deleted or edited from here.





4. Bellow Page Elements list you may find Additional Properties for selected elements. Element Borders, Margins, Padding or Text - can be adjusted from here.






When you're done, don't forget to press SAVE.


May 20, 2013 08:01 AM
Hi,
When using the text drag & drop box I can't decrease the height of the box, it is too long for the page that I want to use it on. How can I change that?
Thanks,
Breda
Breda, please open a support ticket regarding this.
can you upload an answer?



Sep 08, 2013 08:44 AM
how do i delete some elements,buttons etc?
Step 3 in this tutorial. "-" Button


Jul 05, 2018 10:14 PM
i just want to move some elements how i do it?
Nikos, may be our customer support will help you. Please open a support ticket with your specific use case, and let us know how we can assist you.

Thank you
Alisa Plingau
Program Manager
SeattleCloud Team


    1