How to use visual editor?

 

You can use visual editor with Text (formatted, long, with summary) fields. 

1. Add or edit any node having body field and select Text format as Visual editor for body field

 

2. Then click on Open visual editor to view canvas

 

3. After clicking Row or Wrapped row you will see element as shown below:

 

4. Click on + to add new columns to row. You will see a dialog as shown in screenshot below. Click column button of your choice from the list and component(s) similar to row will be inserted inside the row.

 

5. Click on + to add new widget to column You will see a dialog as shown in screenshot below. Click on widget of your choice from the list and component will be inserted inside the column.

 

6. Clicking on settings button in toolbar of a component will open a dialog as shown in screenshot below