beta
cables is under heavy development.
There might be one or another bug, please let us know about it!

DivElement_v3 Op

DivElement

Create a html DIV element



Edit Documentation

Full Name
  • Ops.Html.DivElement_v3
Visibility
  • Core Op - Official cables op
AuthorTest 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 (boolean Number)

outputs a 1 if the mouse hovers over the div

Clicked (Trigger)

Triggers when clicked


Usages of DivElement_v3

  • Examples
  • Public
  • My Patches
  • Ops

Changelog


Ops.Html.DivElement2 renamed to Ops.Html.DivElement_v2user avatarpandur - 2019-06-12
cloned op from Ops.Html.DivElement_v2user avatarpandur - 2023-02-02
renameOps.User.pandur.DivElement3 renamed to Ops.Html.DivElement_v3user avatarpandur - 2023-02-02