Class: Overlay

Extends

• Granite.author.ui.Overlay

Members

---

dropTargets :Array|Object

Drop targets of the associated editable

See: Granite.author.Editable#getDropTarget

Type:

• Array | Object

Source:

edit/edit.Overlay.js

Methods

---

isActive()

Is the current overlay active

Inherited From:

• Granite.author.ui.Overlay#isActive

Source:

ui/ui.Overlay.js

Returns:

Type

boolean

---

isDisabled()

Is the current overlay disabled

Inherited From:

• Granite.author.ui.Overlay#isDisabled

Source:

ui/ui.Overlay.js

Returns:

Type

boolean

---

isHover()

Is the current overlay hovered

Inherited From:

• Granite.author.ui.Overlay#isHover

Source:

ui/ui.Overlay.js

Returns:

Type

boolean

---

isSelected()

Is the current overlay selected

Inherited From:

• Granite.author.ui.Overlay#isSelected

Source:

ui/ui.Overlay.js

Returns:

Type

boolean

---

isVisible()

Is the current overlay visible

Inherited From:

• Granite.author.ui.Overlay#isVisible

Source:

ui/ui.Overlay.js

Returns:

Type

boolean

---

position(editable, parent)

Called to position the current Granite.author.ui.Overlay on top of the content of the page
that correspond to its associated Granite.author.Editable and the original content of the edited page located in the ContentFrame

Parameters:

Name	Type	Description
editable	Granite.author.Editable	The Granite.author.Editable instance for which to render an overlay
parent	Granite.author.Editable	The Granite.author.Editable parent of the editable object

Inherited From:

• Granite.author.ui.Overlay#position

Source:

ui/ui.Overlay.js

---

positionChildEditorTargets(editable, parent)

Positions drop targets of the children of the given editable relative to the given parent

Parameters:

Name	Type	Description
editable	Granite.author.Editable	Associated Granite.author.Editable
parent	Granite.author.edit.Overlay	Parent overlay

Source:

edit/edit.Overlay.js

---

positionDropTargets(editable, parent)

Positions the drop targets relative to the given parent

Parameters:

Name	Type	Description
editable	Granite.author.Editable	Associated Granite.author.Editable
parent	Granite.author.edit.Overlay	Parent overlay

Source:

edit/edit.Overlay.js

---

prepareRendering(editable)

Returns a definition object based on the given Granite.author.Editable and used when rendering the Overlay

Parameters:

Name	Type	Description
editable	Granite.author.Editable	The Granite.author.Editable instance for which to render an overlay

Inherited From:

• Granite.author.ui.Overlay#prepareRendering

Source:

ui/ui.Overlay.js

Returns:

• The definition object required by the Granite.author.ui.Overlay#render function

Type

Object

---

recreate(editable)

Recreates the overlay for the given Granite.author.Editable

Parameters:

Name	Type	Description
editable	Granite.author.Editable	The Granite.author.Editable instance for which to render an overlay

Inherited From:

• Granite.author.ui.Overlay#recreate

Source:

ui/ui.Overlay.js

---

remove()

Removes the Granite.author.ui.Overlay HTMLElement from its DOM container

Teardown function

Inherited From:

• Granite.author.ui.Overlay#remove

Source:

ui/ui.Overlay.js

---

render(editable)

Renders the Granite.author.ui.Overlay in the given container element

Parameters:

Name	Type	Description
editable	Granite.author.Editable	The Granite.author.Editable instance for which to render an overlay

Inherited From:

• Granite.author.ui.Overlay#render

Source:

ui/ui.Overlay.js

---

renderChildEditorTargets(editable, container)

Appends the actual drop targets DOM elements for each children of the given Granite.author.Editable

Parameters:

Name	Type	Description
editable	Granite.author.Editable	Associated Granite.author.Editable
container	HTMLElement	Target container of the overlay

Source:

edit/edit.Overlay.js

---

renderDropTargets(editable, container)

Appends the actual drop targets DOM elements

Parameters:

Name	Type	Description
editable	Granite.author.Editable	Associated Granite.author.Editable
container	HTMLElement	Target container of the overlay

Source:

edit/edit.Overlay.js

---

renderLayoutHandles(editable, container)

Adds the handles to resize the overlay

Parameters:

Name	Type	Description
editable	Granite.author.Editable	Associated Granite.author.Editable
container	HTMLElement	Target container of the overlay

Source:

edit/edit.Overlay.js

---

setActive(condition)

Toggle activate the current overlay

Parameters:

Name	Type	Description
condition	boolean	Whether or not to activate the current overlay

Inherited From:

• Granite.author.ui.Overlay#setActive

Source:

ui/ui.Overlay.js

---

setDisabled(condition)

Toggle disables the current overlay

Parameters:

Name	Type	Description
condition	boolean	Whether or not to disable the current overlay

Inherited From:

• Granite.author.ui.Overlay#setDisabled

Source:

ui/ui.Overlay.js

---

setHover(condition)

Toggle disables the current overlay

Parameters:

Name	Type	Description
condition	boolean	Whether or not to disable the current overlay

Inherited From:

• Granite.author.ui.Overlay#setHover

Source:

ui/ui.Overlay.js

---

setSelected(condition)

Toggle select the current overlay

Parameters:

Name	Type	Description
condition	boolean	Whether or not to select the current overlay

Inherited From:

• Granite.author.ui.Overlay#setSelected

Source:

ui/ui.Overlay.js

---

setVisible(condition)

Toggle displays the current overlay

Parameters:

Name	Type	Description
condition	boolean	Whether or not to display the current overlay

Inherited From:

• Granite.author.ui.Overlay#setVisible

Source:

ui/ui.Overlay.js