DivElement_v2 Op
There is a newer version of this op!
This version will not receive any updates. It is recommended to use a newer version.
Current version: Ops.Html.DivElement_v3
Create a html DIV element
Summary (oneliner)
Full Name
- Ops.Html.DivElement_v2
- Core Op - Official cables op
- MIT
pandurDocumentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
Example Patch div element
Place an interactive DIV element inside of the canvas which can be modified.
Youtube Video Tutorial
INPUT PORTS
Text (String)
<p>text to display within the div</p>
Id (String)
<p>Unique ID of div</p>
Class (String)
<p>class to be accessed from CSS op</p>
Style (Number:
<i>string</i>
)<p>write css styling for the div with the built in editor</p>
Interactive (Number:
<i>boolean</i>
)<p>Allows interaction from mouse or touch screen</p>
Visible (Number:
<i>boolean</i>
)<p>decides if the div is included in the css layout</p>
Convert Line Breaks (Number:
<i>boolean</i>
)<p>convert line breaks in text string</p>
Propagate Click-Events (Number:
<i>boolean</i>
)OUTPUT PORTS
DOM Element (Object)
Hover (Number)
<p>outputs a 1 if the mouse hovers over the div</p>
Clicked (Trigger)
<p>Triggers when clicked</p>
