Columns Widget

Arranging data in columns is a common use case in writing. You can arrange differences b/w entities or a lengthy list in columns. The ‘Columns widget’ splits the content into columns.

We'll cover the following

The Columns widget displays two views side by side. You can choose between the following:

  1. Markdown and Markdown

  2. Markdown and Drawing

  3. Drawing and Markdown

  4. Drawing and Drawing

This is what it looks like:

What do I need to know?

  • The option of the Markdown/Drawing widget is available for both “Widget 1” and “Widget 2”.

  • You can adjust the widths of both columns according to your preference. The combined width of the two will always be 100 %; however, you can change the space ratio taken by both widgets.

  • The “Flip Columns” button allows swapping. So, widget 1 will switch to the right, and widget 2 will switch to the left.

Here's a complete guide on how to use the Drawing wigdet.

Examples

Below is an example of Markdown-Markdown format.

  • HTML
  • CSS
  • JS
  • C++
  • Python
  • Java

Below is an example of Markdown-Drawing format.

  • HTML
  • CSS
  • JS
  • C++
  • Python
  • Java