beautypg.com

Marquee selection, Selection and dragging-and-dropping of elements – Adobe Dreamweaver CC 2015 User Manual

Page 270

background image

263

Page content and assets

Last updated 6/3/2015

When you pause for a while before dropping the element, the DOM icon () appears. When you hover your mouse
over this icon, the DOM panel opens and you can drop the element inside the DOM structure of the document.

To insert elements directly in Live View, perform the following steps:

1

Switch to Live View.

2

From the Insert panel, click the required element and drag it into the document. Alternatively, you can just click the
required element in the Insert panel.

Tip

: If you are unable to drag an element from the Insert panel on to the page, restart your computer and try again.

3

Drop the element at the top, bottom, right or left of an element based on Live Guides. Or, drop the element at a
precise place in the document structure by clicking and using the DOM panel.

The element gets inserted into the page and is highlighted.

Note: Insert panel is not available in Live View for Fluid Grid pages.

Marquee selection

Marquee selection allows you to easily select a block of text by clicking and dragging inside the tag in Live View. When
you click and drag a block of text in Dreamweaver releases prior to 2014.1, the element used to move as a whole.

Note: Marquee selection in live view is restricted to browser-supported operations.

Selection and dragging-and-dropping of elements

In Live View, you can move an element by clicking on the tag name and then dragging to the desired location. When
you click on a tag name, a hand cursor icon appears indicating that you can drag the tag from the point. When ou start
dragging the tag, guides help you place it in the precise location.

By clicking on the tag name in Live View, you can select the full contents of that tag in Code View.