UI Widgets PrimeNG Ultima

This lib provides widgets based on PrimeNG with theme ULTIMA.

This widget are used within a form generated by the ngx-schema-form-view project.

Preview

A tiny impression of a preview. Visit the LIVE DEMO for more.

See more preview images

Usage

Register the module UiWidgetsPrimengModule into your module declaration and register the registry as provider

    @NgModule({
      ...
      imports: [
        ...
          UiWidgetsPrimengModule
        ...
      ],
      providers: [
        {provide: WidgetRegistry, useClass: WidgetRegistryPrimeNG}
      ]
      ...
    })

Widget Library Documentation

Head over to the library documentation README.MD (Not Yet :-( )

Unfortunately this projects lacks of a documentation.

To see how to use any of this widget head over to the source code of the widgets html templates

• array
• autocomplete
• bbcode
• button
• captcha
• checkbox
• date
• dialog
• file
• form
• html
• integer
• message
• messages
• object
• osm
• progress
• qrcode
• radio
• range
• section
• select
• select-button
• select-card
• string
• switch
• table
• textarea
• wizard

Development

To generate all *.js, *.d.ts and *.metadata.json files:

Live preview

Try it out in the demo app

$ ng build --prod ngx-schema-form-widgets-primeng-ultima
$ npm start

Build library

$ ng build --prod ngx-schema-form-widgets-primeng-ultima

or use the shortcut npm run build:lib

Deploy library

$ ng build --prod ngx-schema-form-widgets-primeng-ultima && \
  cd dist/ngx-schema-form-widgets-primeng-ultima && \
  npm pack \
  && cd -

or use the shortcut $ npm run deploy:lib

Project upgrade

This project has been upgraded

For more detail see UPGRADE.MD created in project directory

nucli NPM Commands

This project was generated with NUCLI

For a full list of NPM commands refer to the file COMMANDS_README.MD created in the project directory