Title: Drag and Drop Tutorial
Last modified: November 27, 2018

---

# Drag and Drop Tutorial

 *  Resolved [turnis](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/drag-and-drop-tutorial/)
 * Hi there 🙂
 * This is a very nice plugin but unfortunately I have a very hard time to use the
   drag and drop feature, it’s not intuitive in my opinion:
 * I want to turn a two column form into a one column form without losing my configured
   fields and I’ve tried too many things to even name them. Yes, I read the FAQ 
   multiple times and studied the screenshots but still “Not enough space in this
   row to add column”.
 * Could you please post a step by step screenshot tutorial for the drag and drop
   feature?

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/drag-and-drop-tutorial/#post-10920927)
 * The drag & drop is very limited currently.
 * You can only drag a column of the same width into a row with an empty column.
 * For example, you have a row with 2 half-width columns and you want convert this
   into 2 rows with 1 full-width column in each.
    1. Add a row below your current row.
    2. in the new row, split the column into 2
    3. delete the 2nd column of the new row
    4. drag one of the column from the 1st row into the 2nd row’s vacant space. Remember
       the vacant space must be equal or larger than the column you are dragging into
       it
    5. in the 2nd row, drag the newly added column into the position of the 1st column,
       this will shift the 1st column into 2nd position and a delete icon will appear
    6. delete this unwanted column
    7. edit both rows’ columns to make them ‘Full width’
 *  Thread Starter [turnis](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/drag-and-drop-tutorial/#post-10921472)
 * Thanks for your reply, it worked! But I really hope that this will get much easier
   in the future. Apart from that it’s a very helpful plugin!
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/drag-and-drop-tutorial/#post-10922434)
 * Indeed a better drag and drop would be nice but not very high on the priority
   list…unless someone is willing to collaborate and take this up

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Drag and Drop Tutorial’ is closed to new replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/drag-and-drop-tutorial/#post-10922434)
 * Status: resolved