Ops  ⟩  Html  ⟩  Elements  ⟩  DivElement_v3

DivElement_v3 Op

DivElement

Create a html DIV element



Full Name
  • Ops.Html.Elements.DivElement_v3
Visibility
  • Core Op - Official cables op
License
  • MIT
AuthorgithubTest Patches


Example Patch div element

Place an interactive DIV element inside of the canvas which can be modified.

Open In Editor

Youtube Video Tutorial

INPUT PORTS


Text (String)

text to display within the div

Id (String)

Unique ID of div

Class (String)

class to be accessed from CSS op

Style (String)

write css styling for the div with the built in editor

Interactive (Number: boolean)

Allows interaction from mouse or touch screen

Visible (Number: boolean)

decides if the div is included in the css layout

Convert Line Breaks (Number: boolean)

convert line breaks in text string

Propagate Click-Events (Number: boolean)

OUTPUT PORTS


DOM Element (Object)
Hover (booleanNumber)

outputs a 1 if the mouse hovers over the div

Clicked (Trigger)

Triggers when clicked


 

Patches using DivElement_v3

  • Examples
  • Public
  • My Patches

Changelog


Ops.Html.DivElement2 renamed to Ops.Html.DivElement_v2user avatarpandur - 2019-06-12 12:34
cloned op from Ops.Html.DivElement_v2user avatarpandur - 2023-02-02 14:15
renameOps.User.pandur.DivElement3 renamed to Ops.Html.DivElement_v3user avatarpandur - 2023-02-02 14:15
renameHtml.DivElement_v3 renamed to Ops.Html.Elements.DivElement_v3user avatarpandur - 2024-12-16 13:38