Skip to content

Mobile-first email template

Create mobile email template directly in editor without the need of constantly switching to preview.

Mobile preview showcase video

To enable this feature add following option to TOPOL_OPTIONS:

js
mobileFirstEnabled: true;

When using your own TopBar you can change the email or mobile view using following API:

js
TopolPlugin.changeEmailToMobile();

TopolPlugin.changeEmailToDesktop();

You can also change the visibility of hidden elements. When this button is switched on, you can see elements with lower opacity, when switched off the block or structure completely disappears.

js
TopolPlugin.toggleBlocksAndStructuresVisibility();

When all elements in certain device type are hidden, we fire a callback stating you should switch the visibility of this feature to true.

Using following callback:

ts
callbacks: {
  //other callbacks...

  onBlocksAndStructuresVisibilityChange(value: boolean) {

  }
}