A drag-and-drop source element can be dragged with the mouse and dropped over a drag-and-drop target element. The source element then docks with the target element. It can be defined whether one or more source elements can be dropped onto the target element.

  1. Define borders and fill
    In addition to a background color, you can also use a background image. The color is shown beneath the background image.
    If you use a background image, you have to add the width of the frame line to the width and height of the background image. When using text, the 'inside padding top' must also be adapted.
  2. Enter the text that is to be displayed on the source element and change properties
    Fonts, which are marked as a system font, use the browser's specified font (or the respective specified fallback font).
  3. Define the ID for the target element
    Specify the ID for the target. You then also need to specify this ID in the associated source element.
    Specify whether one or more source elements can be dropped onto the target element.