Skip to content

Mobile-first email template

WARNING

This feature is currently in Beta!

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 visiblity of hidden elements. When this button is switched on, you can see elements with lower opacity, when switched off the block or strucutre completly 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) {

  }
}