Jump to Content
Unlayer DocumentationGuidesChangelogAPI ReferenceExamplesStatus
GuidesAPI ReferenceChangelog
v1.0

GuidesChangelogAPI ReferenceExamplesStatusLog InUnlayer Documentation
Log In
v1.0

Get Started

  • Installation
  • Load and Save Designs
  • Export Designs
    • Export HTML
    • Export Plain Text
    • Export Image
    • Export PDF
    • Export ZIP

Builders

  • Email Builder
  • Page Builder
    • Form Tool
    • Embed Videos
  • Popup Builder

Configure

  • Appearance
  • Features
  • Security
  • Tabs
  • Tools
    • Button
    • Divider
    • Form
    • Heading
    • Image
    • Menu
    • Social Media
    • Text
    • Timer
    • Video
    • HTML
  • Templates
    • Legacy Templates
  • Images
    • User Uploads
    • Custom Image Library
  • File Storage
    • Amazon S3
    • Custom File Storage
  • Dynamic Content
    • Merge Tags
    • Design Tags
    • Display Conditions
  • Font Management
  • Content Audit
  • Special Links
  • Custom JS / CSS
  • Editor Options
    • Blank Design
    • Body Values
    • Custom Columns
    • Link Types
    • Min / Max Rows
    • Auto Select On Drop
    • Confirm On Delete
    • Device Management
  • Content Options
    • Color Picker Presets
    • Font Sizes

Custom Tools

  • Overview
  • Create a Custom Tool
  • Built-In Property Editors
  • Advanced Options
    • Property States
    • Transform Property Values
    • CSS / JavaScript

Blocks

  • Custom Blocks
  • User Saved Blocks

Libraries

  • React Component
  • Angular Component
  • Vue Component

More...

  • Events
  • Localization
  • Examples
Powered by 

Body Values

Suggest Edits

You can programmatically set values for the Body panel options.

unlayer.setBodyValues({
  backgroundColor: "#e7e7e7",
  contentWidth: "500px", // or percent "50%"
  fontFamily: {
    label: "Helvetica",
    value: "'Helvetica Neue', Helvetica, Arial, sans-serif"
  },
  preheaderText: "Hello World"
});

Updated about 2 years ago