1. Documentation
  2. Form Collection Web Components
0.2

<onlinq-collection-entry>: The Dynamic Form Collection Entry element

The <onlinq-collection-entry> element provides special properties and methods for manipulating an entry in a dynamic form collection.

Attributes

This element's attributes include the global attributes.

  • collection
    The value of the name attributes of the collection this entry is part of.

  • collection-index
    The index of this entry.

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 the name attributes of the collection this entry is a part of.

  • index
    The index of this entry.

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.

  • enableDeleteButtons()
    Removes disabled attributes from buttons removing this entry from the collection.

  • disableDeleteButtons()
    Adds disabled attributes from buttons removing this entry from 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 a button element with the collection-move-up property. Note that this slot is part of the actions slot, it will not show up if the actions slot is defined.
  • move-down
    The container for the Move entry down action button. To use a custom button, add this slot containing a button element with the collection-move-down property. Note that this slot is part of the actions slot, it will not show up if the actions slot is defined.
  • delete
    The container for the Delete entry action button. To use a custom button, add this slot containing a button element with the collection-delete property. Note that this slot is part of the actions slot, it will not show up if the actions slot is defined.