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 

Auto Select On Drop

Suggest Edits

When a user drags and drops a tool in their design, the default behavior is not to automatically select the tool and show its properties in the editor panel. If you turn this option to true, it will automatically select the tool when it's dropped.

unlayer.init({
  editor: {
    autoSelectOnDrop: true
  }
})

Updated over 2 years ago