Pages UI
v5.0.1 - Pages Angular
v5.0.1 - Pages Angular
  • Getting Started
  • Layouts
  • Routing
  • Styles
  • Layout Components
    • Header
    • Menu Items
    • Sidebar
    • Horizontal Menu
    • Secondary Sidebar
    • Quick View
    • Overlay Search
  • Directives
    • Parallax
    • Retina Image
  • Bootstrap Components
  • Forms
    • Checkbox and Radio
    • Form Group
    • Input Helpers
    • Switch Toggle
    • Select
    • Select FX
    • Typeahead
    • Date Picker
    • Time Picker
    • Quill Editor
    • File Uploader
  • UI Components
    • Progress Bar
    • List View
    • Cards
    • Social Cards
    • Collapse
    • Tabs
    • Tree View
    • Sliders
    • Notifications
  • Tables / Datatables
  • Maps
  • Session and other pages
  • Service
  • Dashboards
  • Widgets
  • Charts
  • Change log
Powered by GitBook
On this page
  • Introduction
  • Getting Started
  • Common Issues
  • Error in rxjs module
  • Invalid or unexpected token

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 support@revox.io 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/

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 4 years ago

First follow angular on building and deploying

documentation
http://localhost:4200/condensed/
http://localhost:4200/corporate/
http://localhost:4200/simplywhite/
http://localhost:4200/executive/
http://localhost:4200/casual/