Skip to content

UI Controls

NodeActa system comes with a set of built-in controls:

  • Records View: for displaying records
  • Attributes View: for displaying a record or attributes
  • Text View: for displaying text
  • Files View: for displaying files
  • File View: for displaying file
  • Notes View: for displaying notes
  • View: a panel that can host other controls
  • Scrollable View: a scrollable panel that can host other controls
  • Button
  • Image View
  • Tab View
  • Progress View

Frequently, you may find yourself repeatedly using the same controls arrangement across different applications. In such cases, you can create a control, design it once, and reuse it in multiple locations. To create a control, use the New Application command on UI/UI Controls folder. Design it as you would a regular app, but with one key difference, your control's class should inherit from View instead of App. You can design control using VS Code just like designing app's Page layout, or using Application Center in IDE mode like in the pictures below.
New control code in VS Code

You can write control's code directly: Edit control code in VS Code

Or you can use Layout Designer to design the control: Edit control layout in VS Code

Once you have developed a control, you can use it in other controls or apps like this:

import { SecurityView } from "nv:UI.Controls.SecurityView"

this.securityView = new SecurityView(this);
this.securityView....