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

ng serve

To deploy your app for production, navigate to demo/angular folder and run the command on your command line

ng build --prod

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

NextLayouts

Last updated