Fully - Angular Admin Template changelog.

0.8.0 - 2020-09-30

  • Update project to Angular 10 🎉

  • Update all dependencies to latest versions.

To update your existing project please follow these steps.

If you re-download the files from your Angular Template account you don't need to do this because the template is already updated.

Updating Angular 8.2 to Angular 9

Remove any es5BrowserSupport flags in your angular.json and set your target to es2015 in your tsconfig.json. Angular now uses your browserslist to determine if an ES5 build is needed.

ng update will migrate you automatically.

ng update @angular/core@8 @angular/cli@8 --create-commits
ng update @angular/core@9 @angular/cli@9 --create-commits

Before updating Angular Material, we need to update peer dependency @swimlane/ngx-charts

npm install --save @swimlane/ngx-charts@14
ng update @angular/material@9 --create-commits
ng update @nguniversal/express-engine --force --create-commits

entryComponents are no longer required. They can be removed from your code.

Updating Angular 9 to Angular 10

ng update @angular/core @angular/cli --create-commits

Before updating Angular Material, we need to update peer dependency @swimlane/ngx-charts

npm install --save @swimlane/ngx-charts@16
ng update @angular/material --create-commits
ng update rxjs --create-commits

Run npm outdated and update all your libraries. In our project we had to update the following:

npm install --save @commitlint/cli@11
npm install --save @commitlint/config-angular@11
npm install --save husky@4.3
npm install --save @fortawesome/fontawesome-free
npm install --save google-libphonenumber
npm install --save echarts@latest
npm install --save ngx-echarts@5.1.2
npm install --save chart.js@latest
npm install --save ng2-charts@2.4.1
npm install --save-dev codelyzer@latest

Update ng-bootstrap

npm install --save bootstrap
npm install --save @ng-bootstrap/ng-bootstrap@7
ng add @angular/localize

0.1.2 - 2019-12-20


  • Move Material Icons and text font family from index.html to main.scss and third-party/material.scss

  • Rename override-material-variables.scss to material.scss

  • Update buttons mixin

  • Add color palette primary color to radio buttons from settings menu

  • Rename app/layouts for app/components

New Features

  • Add Components/Lists

    • New lists examples!

  • Add Components/Cards

    • New cards examples!

  • Add truncate-text mixin.

    • This mixin is useful when you want to limit your text to a certain amount of lines

0.1.1 - 2019-12-02


  • Fix sign in modal image path.

  • Fix CRM dashboard task lists checkbox icon and default color.

  • Add border-radius to autocomplete images in utilities/autocomplete.

  • Fix button link color in forgot password page

  • Fix typo in CRM dashboard: "be proactive about your goals"

  • Fix table with filters image height.

  • Fix md and sm visual issue in Layout A with side-nav push mode.

Dynamic Layouts

  • Re-write dynamic layout mechanism. We got rid of our previous mechanism that worked by resetting the router settings with the selected layout. Now we are using Angular Material CDK Portals to dynamically render the different layouts. This fixed several issues.

  • Removed app.routes.ts file because with the new dynamic layout approach this abstraction is no longer needed. You should now find all the routes in the app-routing.module.ts

Responsive Layout

  • Update server.ts to identify requests from mobile devices and adjust the layout according to that. Added mobile-detect library.

  • Include Angular TransferState mechanism to read server side response header and act accordingly depending if we are on mobile device or not.

  • Rename LayoutBreakpointService to ResponsiveBreakpointsService.

  • Improved the responsive transition by setting the 'menu-open' class to the layout when the side-menu starts opening.

0.1.0 - 2019-11-28

First release

Happy thanks giving! 🎉

Hope you enjoy this early version of Fully. We are working hard on polishing the template. Feel free to send us your early feedback to

Stay tune for imminent updates and new features.