Pages UI
Search…
Getting Started
@swimlane/ngx-dnd latest will not be compatible with Pages Angular. Please replace the "@swimlane/ngx-dnd": "^8.1.0" to "@swimlane/ngx-dnd": "8.1.0" in your package.json. Please do run the command "npm install". Contact [email protected] for any issues

Introduction

Pages is carefully well thought UI frame work that is built on top of Bootstrap 4 and Angular 8+, Its hand crafted components look great on all devices and works super fast even on mobile. Pages ships with builtin native angular components -
  • Cards
  • Sliders
  • Progress bars
  • Notifications
  • Date picker
  • Time picker
  • Drag and Drop Upload
  • Select / Multi dropdown
  • Switch Toggle
  • List View
  • Parallax
  • Tag Input
  • Retina
  • Siderbar
  • Quickview
  • Views
and many more. We have included popular angular components by thirdparty authors like ngx-bootstrap, ngnx-datatable and echarts.

Getting Started

Use our getting_started/angular project to bootstrap your new idea. All demo content are stripped down . You can follow this documentation guide to include a other various components. But you can also refer up the demo source located in demo/angular/
First follow angular documentation on building and deploying
To run development server, navigate to demo/angular folder and run the command on your command line
1
ng serve
Copied!
To deploy your app for production, navigate to demo/angular folder and run the command on your command line
1
ng build --prod
Copied!
Once your server is up and running navigate to the following URLs

Common Issues

Error in rxjs module

ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.
  • Remove the “node_modules” folder from your project
  • Go to package.json
  • Change rxjs version to “rxjs”: “6.3.3”
  • Go to console and run “npm install” again
  • And then run “ng serve

Invalid or unexpected token

After running ng serve command you get this error Invalid or unexpected token
  • Delete package-lock.json
  • Go to console and run “npm install” again
  • And then run “ng serve
Last modified 1yr ago