Ops  ⟩  Html  ⟩  Elements  ⟩  Element_v2

Element_v2 Op

Element

A more convinient version of div element op, that can be used for creating html without writing much css code



Full Name
  • Ops.Html.Elements.Element_v2
Visibility
  • Core Op - visible for everyone
License
  • MIT
AuthorgithubMaintained by Team


Example Patch HTML CSS Ops

Open In Editor

INPUT PORTS


Text (String)
Position index (Number: integer) Absolute  Static  Relative  Fixed 
Interactive index (Number: integer) True  False  No Pointer Events 

Area

Set Size (Number: boolean)
Width (Number)
Height (Number)
Size Units index (Number: integer) px  %  vwh 
Overflow index (Number: integer) Visible  Hidden  Scroll  Auto 

CSS

Inline Style (String)
CSS Class (String)
Disable CSS Props (String)
Display index (Number: integer)
Tag Name (String)
Opacity (Number)
Propagate Click-Events (Number: boolean)

OUTPUT PORTS


DOM Element (Object)
Hovering (booleanNumber)
Clicked (Trigger)

 

Patches using Element_v2

  • Examples
  • Public
  • My Patches

Changelog


new opop createduser avatarpandur - 2024-08-13 17:49
improvementv2: Interactivity is now a switch between True,False or pointer-events:noneuser avatarpandur - 2024-09-04 11:56
renameHtml.Element_v2 renamed to Ops.Html.Elements.Element_v2user avatarpandur - 2024-12-16 13:37
featureInteractive elements are not always keyboard focussable (tabindex) and clickable by keyboard space and enter keysuser avatarpandur - 2025-01-10 12:42
featuresize can now be chosen to be in different units like % or vh,vw etcuser avatarpandur - 2025-02-13 15:07