NgStarter Blog

Angular Admin articles, layout guides, and dashboard UI

Practical guides for building angular admin interfaces, dashboard shells, and production workspaces with Angular and NgStarter UI components.

Form Builder steps and external steppers

Understand renderer-owned steps, runtime flow config, external steppers, shared FormGroup requirements, and when a multi-step UI is still one form.

Use readonly calculated fields, Excel-like expressions, field references, dependency order, type coercion, and custom calculation engines.

Register a global Form Builder validator, configure it in the Validators tab, and show custom error messages below rendered fields.

Load select options lazily, support remote search and paging, and register the same data source for Form Builder select fields.

Register a custom field, render it with Angular reactive forms, and expose schema-driven settings in the NgStarter Form Builder inspector.

Understand FormBuilderSchema, sections, fields, layout ordering, validation, custom settings, and nested form structures.

Learn angular panel layout patterns for admin screens: single workspaces, master-detail pages, side inspectors, and footer actions with ngs-panel.

Build an angular admin shell step by step with a root layout, sidenav, sidebar, panel header, scrollable content, and workspace.