Drag & Drop CheatSheet

ADS FROM $1 PER 1000 VIEWS

Coming in the near future

Header 6

Header 5

Header 4

Header 3

Header 2

Header 1

B U INS

🙂

TEXT PROPERTIES

I S {T}

Text indent

Font weight

Font size

Line height

Letter spacing

Text align

Text decoration

Decoration Color

Decoration style

DRAG ICON ACTION (shortcut: keyboard arrow keys ←↑→↓)

Adjust relative position Left Top Right Bottom
%

px

%

px

px

%

Adjust absolute position.

Adjust margin.

Adjust padding.

Move active element to another container or different position.

Scale

Rotate

SELECT ICON ACTION

Select single element for group editing.

Select all inner elements for group editing

Select all siblings for group editing

px

%

auto

em

rem

fit-content

min-content

max-content

fill-parent

fill-spare-width

px

%

auto

em

rem

fit-content

min-content

max-content

fill-parent

{ }

Drag & Drop

Components
Assets
Pages

Select All

Attributes
Style
Advanced

Inner Elements

{}

Style Sheet Rules

All Attributes

All Style Values (calculated)

placeholder

HTML/CSS/Javascript

New File

Templates/Demos

Open HTML File

Import Folder (Site)

Save as...(to browser)

Save as HTML File ...(to disk)

Export As....

SETTINGS

Grid & Snaping

Grid Off/On

Grid cell height

Grid Snapping Off/On

Grid cell width

Control Bar

Stick To Active Element Stick To Top Menu Stick To Dragged Location

Assisting Elements

Resizers

Top Left Top Center Top Right Left center Right Center Bottom Left Bottom Center Bottom Right

Buttons

Left Round Top Center Right Round Left Square Center Right Square Bottom Left Bottom Center Bottom Right

Assisting Elements Color

Group Editing Checkbox

Element properties / style menu bar compact-flex layout

Placeholders

Add placeholders in between elements while dragging

Add placeholders before inner elements while dragging

Bootstrap Versions

5.2.1 (default)

5.2.1 (latest default)

4.6.2

4.1.3

3.4.1

None

External Editing

Load from External File

Update

Auto update (synchronize)

Add Fonts

Paste link as plain text

Export Settings

Export As

Folder (all site)

Single HTML file

Zip Folder (all site)

Folder (all site)

Folder Name

Export Only Relevant Css Rules

Put CSS in a Separate File

Ignore Images

Add Bootstrap Style Sheets Link

Export As React

SAVE TO:

Disk

Browser

Auto Save

EXTERNAL EDITING