<onlinq-collection-entry>: The Dynamic Form Collection Entry element
The <onlinq-collection-entry>
element is the container for an entry in a form
collection. It provides special methods and properties for manipulating a
collection from inside the entry.
Attributes
This element's attributes include the global attributes.
-
collection
The value of thename
attributes of the collection this entry is part of. -
collection-index
The index of this entry. -
actions
Theactions
attribute, when specified, enables the container for collection entry actions.
Properties
This element inherits properties from its ancestors HTMLElement, Element, Node and EventTarget.
-
collection
The collection this entry is a part of. -
collectionName
The value of thename
attribute of the collection this entry is a part of. -
index
The index of this entry. -
actions
Boolean property indicating whether the container for collection entry actions is enabled.
Methods
This element inherits methods from its ancestors HTMLElement, Element, Node and EventTarget.
-
deleteEntry()
Removes this entry from the collection. -
moveUp()
Moves this entry up in the collection. -
moveDown()
Moves this entry down in the collection.
Events
This element inherits events from its ancestors HTMLElement and Element.
Slots
_root_
Direct descendents of the element are interpreted as the collection entry contents.actions
The container for all collection action buttons (Move entry, Delete entry). Use an empty element to hide all action buttons at once.move-up
The container for the Move entry up action button. To use a custom button, add this slot containing abutton[is="onlinq-collection-move-up"]
element. Note that this slot is part of theactions
slot, it will not show up if theactions
slot is defined.move-down
The container for the Move entry down action button. To use a custom button, add this slot containing abutton[is="onlinq-collection-move-down"]
element. Note that this slot is part of theactions
slot, it will not show up if theactions
slot is defined.delete
The container for the Delete entry action button. To use a custom button, add this slot containing abutton[is="onlinq-collection-delete"]
element. Note that this slot is part of theactions
slot, it will not show up if theactions
slot is defined.