Discussion on Flat Able - Angular 10 Admin Template

Discussion on Flat Able - Angular 10 Admin Template

Cart 262 sales
Well Documented

phoenixcoded supports this item


This author's response time can be up to 1 business day.

76 comments found.

Hi I’ve purchased your Flat Able Angualr template but when running npm install I’m getting the following error:

npm ERR! Done Building Project “C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\binding.vcxproj.metaproj” (default targets)—FAILED. npm ERR! Done Building Project “C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\binding.sln” (default targets)—FAILED. npm ERR! npm ERR! Build FAILED. npm ERR! npm ERR! “C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\binding.sln” (default target) (1) -> npm ERR! “C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\binding.vcxproj.metaproj” (default target) (2) -> npm ERR! “C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\src\libsass.vcxproj” (default target) (3) -> npm ERR! C:\Users\spike\Downloads\themeforest-VD5sqgks-flat-able-angular-4-admin-template\Template\skeleton\node_modules\node-sass\build\src\libsass.vcxproj(20,3): error MSB4019: The imported project “C:\Microsoft.Cpp.Default.props” was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk. npm ERR! npm ERR! 0 Warning(s) npm ERR! 1 Error(s)

Can you please advise on what I need to do to rectify this?

Thanks, Liane

Any updates for School Components Section ? , Dashboard of School is not available


Can you guide me .. ?

just I want to edit the title name of the page ,

for example . there is Teacher | Flat Able Admin .. ect

I want to remove | Flat Able Admin .. etc from it . only Teacher .

so from Which file I can get this title ?

Your Support Please

Hi after purchase I can’t build this theme it’s display error like this

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.14.1 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Please help

Thanks you very much

Hello, ToorYong, remove node_modules directory and pakage-lock.json file.

add third party modules – ‘npm install / yarn’

add node-sass – ‘npm install—save node-sass / yarn add node-sass’

If you still have any other query contact us.

Thank You

Dear good afternoon,

There a strange behavior in the left side menu, when I resize windows browser to dimensions less the 991px the left menu disappears and the toggle button on header stop to work.

Is there any action I can do?


First of all thank you for your purchase.

The concern you are facing is not the issue, our menu is designed like, that need the trigger of browser reload once you resize the browser. It is because we’ve added the both vertical/horizontal menu code in one single file.

BUT in your real mobile/tablet devices template design works fine. That doesn’t need the browser reload.

Please check it !!

Thank You

- Rakesh Phoenixcoded

Dears, good morning,

After running npm install when I do ng serve -o I get the following error below

An unhandled exception occurred: Job name ”..getProjectMetadata” does not exist.


[error] Error: Job name ”..getProjectMetadata” does not exist. at Observable._subscribe (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\experimental\jobs\simple-scheduler.js:350:23) at Observable._trySubscribe (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:44:25) at Observable.subscribe (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:30:22) at C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeTo.js:22:31 at Object.subscribeToResult (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:65:54) at SwitchMapSubscriber._next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:66:18) at SwitchMapSubscriber.notifyNext (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:86:26) at InnerSubscriber._next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:66:18) at C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeTo.js:17:28 at Object.subscribeToResult (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:65:54) at SwitchMapSubscriber._next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (C:\Users\David Ramos\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:66:18)

How can I proceed

Hello, Please share your Node.js version or use latest Node.js version 14.x.x

Hello, In the title of this template “Flat Able Angular 9+ Admin Template”. how can i change with the title of my app

Open file ‘full-version\src\app\theme\shared\components\breadcrumb\breadcrumb.component.ts’ and update titleService value!!

Hello sir/madam, I hope you are doing well, I have purchased Flat Able Angular 9+, Admin Template, and working on it as my requirement. I while making changes on it I have not found that Flat Able Angular 9+, Admin Template on the title to modify as attached screenshot. so, please help me from where I can change it.

Hello i have purchased you product and like it, but there is one issue in mobile view sidebar menu does not working, what is the problem please check and fixed it

Yes, sure we will get back to you ASAP.

Thank You

Hello, Is this any responsive issue in sidebar?


If you face below thing in sidebar then it is normal behaviour.

If you resize the browser in desktop & sidebar doesn’t work then you need to manually reload the browser first, after that sidebar working fine as usual. i.e. because the page structure needs to reload to activate the mobile sidebar trigger. If you directly open the template in any mobile device. It is working fine.

Please share us the screenshot if the problem is other – phoenixcoded@gmail.com


How can I use fontawesome icons?

hello, Please check this out – https://fontawesome.com/how-to-use/on-the-web/using-with/angular

There you find the guide to use Font Awesome Icon in Angular.

Hi phoenixcoded,

In Mobi view (or any screen where the width < 992px) the sidebar nav seems to become a minimized version, however, when you click on the menu icon (top left) to expand the menu, it is blank. This happens on the downloaded code as well as the live preview.

Please would you mind having a look at this and rectify it as soon as possible? Or can you advise how we could fix this ourselves? I’m using this template in a project where mobi view is requied.


Hello, Our sidebar structure made like you need to reload the page once your browser resize from mobile view to desktop or vice versa.

If you open the template in your mobile browser it will working fine there.

Thank You

OK, I see what you mean. Thanks for the response!

My Name is Leo. Sorry to bother you. I purchased your theme from Themeforest and support.

It’s a really good theme. However, I do have a question. I’m using node 12x and the lastest angular cli. When I do a npm install in the skeleton directoy – I get a ton of unmet dependencies.

I’m a little lost on why. Is this normal for this template or do you have a package-lock.json file that I could use that would make sure the right dependencies are installed and cure these errors.

Thank you so much.

Thanks, Leo

Hello, Leo

First of all thank you for your purchase.

Due to COVID we’re off right away. Soon, we start operate Work from Home. So, we do apologize for inconvenience.

Can you please share few more details.

Which template version you are using? Can you share us the screenshots on phoenixcoded@gmail.com

After that we will try to resolve it ASAP.

Thank you

hi , I am having issue in horizontal layout . menu is populating verting instead of horizontal , even nav bar and nav content is align horizontal is align . in angular 8 version. can you please help me out.

Hi, mkumar

I request you to please share the sceenshots of it on our email – phoenixcoded@gmail.com

hi,any landing page is avaliable in this theme ? kinly share on mkumar.soft@gmail.com

Hello, mkumar

No Landing Page available in this template.

Hello, How about upgrading this template to angular 8, as angular new release is out…........ I am an angular developer worked on number of angular template for color lib and other. If wish to upgrade theme to angular 8.This will boost up the sell of template. You can contact me at “sunnykushwaha914@gmail.com”. Also you can contact me for support task. Thank you

can you please contact us on our mail – phoenixcoded@gmail.com along with your work portfolio with live URL’s.



Can you share the updated theme for angular 6.

Please check your mail.

Hi, There is no documentation for Angular 8 version. Also there is no example on how to use form fields. I have checked all the codebase and every where plain HTML tags are being used.

Please help!!

We will send you the reply over your email address. Thank You

how can I download version 8

please share your email address we will send the download link there.

Please check your email. We sent you download link of Angular 8. Thank You

Last update: 22 April 18

at the description so much coming more + but until now haven’t any update for those coming more +

When will be complete the coming more ++

Flat Able Angular 8 version will launch on next week.

Oh ok, btw i want ask you something about is it can be merge with apps such googleplay and applestore? or i must search with react js version?

sir, we really dont know much about Mobile technologies.

Hi, do you have the manual for Flat Able – Admin Template (Standard Version)?

sir, are you talking about Documentation?

Yes. I am talking about documentation and sample code.

sir, its already included in theme package.

Dear sir,

I need your helping; when we included your js file into our project we get more than 10 error msg after launching the project.


1) jquery.min.js:2 Uncaught TypeError: Cannot set property ‘onclick’ of null at HTMLDocument.<anonymous> (modal.js:4) at j (jquery.min.js:2) at k (jquery.min.js:2)

2. Uncaught TypeError: chart.update is not a function at chart-nvd3.js:31

Here is the statement we add the js to our project. <!- Warning Section Ends -> <!- Required Jqurey -> <script type=”text/javascript” src=”/bower_components/jquery/js/jquery.min.js”></script> <script type=”text/javascript” src=”/bower_components/jquery-ui/js/jquery-ui.min.js”></script> <script type=”text/javascript” src=”/bower_components/popper.js/js/popper.min.js”></script> <script type=”text/javascript” src=”/bower_components/bootstrap/js/bootstrap.min.js”></script>

<!- jquery slimscroll js ->
<script type="text/javascript" src="/bower_components/jquery-slimscroll/js/jquery.slimscroll.js"></script>
<!- modernizr js ->
<script type="text/javascript" src="/bower_components/modernizr/js/modernizr.js"></script>
<script type="text/javascript" src="/bower_components/modernizr/js/css-scrollbars.js"></script>
<!- classie js ->
<script type="text/javascript" src="/bower_components/classie/js/classie.js"></script>
<!- Syntax highlighter prism js ->
<script type="text/javascript" src="/assets/pages/prism/custom-prism.js"></script>
<!- i18next.min.js ->
<script type="text/javascript" src="/bower_components/i18next/js/i18next.min.js"></script>
<script type="text/javascript" src="/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js"></script>
<script type="text/javascript" src="/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js"></script>
<script type="text/javascript" src="/bower_components/jquery-i18next/js/jquery-i18next.min.js"></script>
<!- pcmenu js ->
<script src="/assets/js/pcoded.min.js"></script>
<script src="/assets/js/menu/menu-header-fixed.js"></script>
<script src="/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/assets/js/jquery.mousewheel.min.js"></script>
<!- data-table js ->
<script src="../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../bower_components/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="../assets/pages/data-table/js/jszip.min.js"></script>
<script src="../assets/pages/data-table/js/pdfmake.min.js"></script>
<script src="../assets/pages/data-table/js/vfs_fonts.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/dataTables.buttons.min.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/buttons.flash.min.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/jszip.min.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/pdfmake.min.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/vfs_fonts.js"></script>
<script src="../assets/pages/data-table/extensions/buttons/js/buttons.colVis.min.js"></script>
<script src="../bower_components/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="../bower_components/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="../bower_components/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../bower_components/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../bower_components/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
<!- Bootstrap date-time-picker js ->
<script type="text/javascript" src="/assets/pages/advance-elements/moment-with-locales.min.js"></script>
<script type="text/javascript" src="/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="/assets/pages/advance-elements/bootstrap-datetimepicker.min.js"></script>
<!- NVD3 chart ->
<script src="/bower_components/d3/js/d3.js"></script>
<script src="/bower_components/nvd3/js/nv.d3.js"></script>
<script src="/assets/pages/chart/nv-chart/js/stream_layers.js"></script>
<script src="/assets/pages/chart/nvd3/chart-nvd3.js"></script>
<!- Table ->
<script type="text/javascript" src="/assets/pages/data-table/extensions/autofill/js/extensions-custom.js"></script>
<script type="text/javascript" src="/assets/pages/data-table/extensions/row-reorder/js/row-reorder-custom.js"></script>
<!- sweet alert js ->
<script type="text/javascript" src="/bower_components/sweetalert/js/sweetalert.min.js"></script>
<script type="text/javascript" src="/assets/js/modal.js"></script>
<!- sweet alert modal.js intialize js ->
<!- modalEffects js nifty modal window effects ->
<script type="text/javascript" src="/assets/js/modalEffects.js"></script>
<script type="text/javascript" src="/assets/js/classie.js"></script>
<!- Select 2 js ->
<script type="text/javascript" src="/bower_components/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="/assets/pages/advance-elements/select2-custom.js"></script>
<!- google chart ->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="/assets/pages/chart/google/js/custom-google-chart.js"></script>
<!- Custom js ->
<script type="text/javascript" src="/assets/js/script.js"></script>
<script type="text/javascript" src="~/assets/pages/data-table/js/data-table-custom.js"></script>

Dear support,

I have purchased this theme and our client is using all of the modern browsers including IE11 as well. But most of the options are not compatible on this modern browser. Is there any support you team can provide me in making this compatible on IE 11. Ready to pay some extra cost if things can work. It’s because our app is already developed and our client is using on all browsers. We can t say him for not to use IE 11.

Regards, Gaurav Rai

Hi, Sir contact us on our skype – phoenixcoded OR mail us on phoenixcoded@gmail.com for more discussion.

Thank you

Hello, I like your theme and I want to buy it, but Im not sure if you are still supporting this theme, the last comment was 2 months ago.. I appreciate your comments. Regars

Hi, yes we are still supporting this theme. As we have separate ticket system for customer support – https://phoenixcoded.ticksy.com/

Thank you


Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey