Discussion on Able Pro | Bootstrap, Tailwind, React, Nextjs, Angular, Vue, Asp, Laravel Admin Dashboard Template

Discussion on Able Pro | Bootstrap, Tailwind, React, Nextjs, Angular, Vue, Asp, Laravel Admin Dashboard Template

Cart 3,561 sales
Recently Updated
Well Documented

phoenixcoded supports this item

Supported

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

540 comments found.

When is the version of the template for Angular 15 scheduled to be released?

We are in process of new angular 16 version with pure material design; no tailwind, bootstrap etc. We are trying hard to complete it but it may take some time for v9 since its entire new development. We will update store once ready. Thanks for your patience…

Hi, replied on support panel.

I would like to request a JSX version for Able Pro version 9, as we are currently using version 8, which is fully based on JSX. Could you please provide the appropriate JSX version for version 9 of Able Pro?

Yes, we are working on JS version. ETA will be mid of June or earlier.

Hi, We have released new version with React Javascript, having skeleton in both, as well some new improvement. Please check change log in documentation for each tech stack.

I am currently using the Able Pro version 8 template, and I have encountered an issue where the Feather icons are not displaying correctly. Instead, they appear as Chinese characters or symbols. If I refresh the page it shows the proper icons. but sometimes it does not show an icon. Could you please assist me in resolving this problem with the icons?

There could be a loading issue at local machine. We tried to replicate but not happening. Please provide some steps to that we can reproduce it. Already replied on support panel.

I used a React-Bootstrap table in the Able Pro version 8, and I utilized jQuery for pagination and searching within the table. However, in some instances, it did not work properly, resulting in the issue of displaying “No data found” in the table.

Could you please assist me in resolving this problem with version 8. because our full project is in version 8.

Replied on support panel.

Hi, We’re using Able pro V9 react verison. We’re able to run the app but in the console we get the following error when switching between different pages in the app

ils.js:21 Error: [@formatjs/intl Error MISSING_TRANSLATION] Missing message: “Analytics” for locale “en”, using id as fallback.

at new MissingTranslationError (error.js:72:1)
at formatMessage (message.js:75:1)
at formatMessage (provider.js:44:1)
at FormattedMessage (message.js:35:1)
at renderWithHooks (react-dom.development.js:14141:1)
at mountIndeterminateComponent (react-dom.development.js:17432:1)
at beginWork (react-dom.development.js:18728:1)
at beginWork$1 (react-dom.development.js:23691:1)
at performUnitOfWork (react-dom.development.js:22960:1)
at workLoopSync (react-dom.development.js:22883:1)

Pls let me know how to fix this error. Thanks

have you made any changes in package or you are getting it with provided package itself?

I cloned existing pages and added in mainRoutes.ts to test.

Please share the steps to reproduce the error so that we can assist you better. Also please create a ticket via support if possible.

We would like to purchase able pro admin version 8 bootstrap 4 – reactjs template

How long the support continues for the version 8 bootstrap 4

If in case If I upgrade from version 8 to 9 how big the changes will impact and a rough estimation for changing version 8 to 9.

Hello,

v8 is deprecated and no longer supported. We soon migrate that into another template. And you will get update whenever you want.

Yes, your support for that is limited to 6 months.

We do update that template too.

Also, v9 is the complete new redesigned version. So migration possible from v8 to v9.

Hi

Thank you for your reply.

Can you please provide us the purchase link for Able Pro Admin Reactjs Version 8 (V8) Bootstrap 4 Template.

Looking for your reply as soon as possible please.

Download this template. The v8 version already available in package.

does this have angular ? if so I’ll buy

Package have currently this as Angular version: https://ableproadmin.com/angular/default/

Hey phoenixcoded, thanks for the awesome theme.

I’m working with the html version, and I noticed that before it loads it quickly flashes the root theme in blue before loading the changes in the config (Theme, colors) and if I use the dark theme it becomes more visible showing the main and light theme for seconds before loading, could you help me about it, I saw that in your demo it also shows similar to what is happening to me, I am using GoogleChorme browser and Edge presents the same.

Perfect, thanks for your help ;)

1) In body tag, add attribute like data-pc-preset=”preset-5”

2) In assets/js/pcoded.js file. Replace the below code at line no 308

Current Code document.addEventListener('DOMContentLoaded', function () { if (theme_contrast == 'true') { layout_sidebar_change('fill'); } else { layout_sidebar_change('false'); } if (caption_show == 'true') { layout_caption_change('true'); } else { layout_caption_change('false'); } if (preset_theme != "") { preset_change(preset_theme); } if (rtl_layout == 'true') { layout_rtl_change('true'); } else { layout_rtl_change('false'); } if(dark_layout == "default"){ if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { dark_layout = 'true'; }else{ dark_layout = 'false'; } } if (dark_layout == 'true') { layout_change('dark'); } else { layout_change('light'); } if (box_container == 'true') { change_box_container('true'); } else { change_box_container('false'); } var layout_reset = document.querySelector('#layoutreset'); if (layout_reset) { layout_reset.addEventListener('click', function (e) { location.reload(); }); } });

Replace to this if (theme_contrast == 'true') { layout_sidebar_change('fill'); } else { layout_sidebar_change('false'); } if (caption_show == 'true') { layout_caption_change('true'); } else { layout_caption_change('false'); } if (preset_theme != "") { preset_change(preset_theme); } if (rtl_layout == 'true') { layout_rtl_change('true'); } else { layout_rtl_change('false'); } if(dark_layout == "default"){ if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { dark_layout = 'true'; }else{ dark_layout = 'false'; } } if (dark_layout == 'true') { layout_change('dark'); } else { layout_change('light'); } if (box_container == 'true') { change_box_container('true'); } else { change_box_container('false'); } var layout_reset = document.querySelector('#layoutreset'); if (layout_reset) { layout_reset.addEventListener('click', function (e) { location.reload(); }); }

Thanks for help bro

I was so much happy when i saw the live preview. this is an excellent design and innovation. please realese the react version next week. i really need to buy that for a project i’m working on. excelent work btw

Thank You for your kind words. React version is already released. You can see the live preview at https://ableproadmin.com/react

Thank you for choosing us.

Hey there! will you make Able v9 with React Javascript? just i see Tsx

Hey there! any news?

JavaScript is almost done, and in testing next week, If things are okay, we will be releasing it next week. We have added some more pages as well which took more time than expected.

Hi, We have released new version with React Javascript, having skeleton in both, as well some new improvement. Please check change log in documentation for each tech stack.

Hi, I’m trying to use Able Pro V9 react version. I’m unable to login to the UI. It shows Server Error. Attached the error message in the image as well.

https://ibb.co/qMxWZ23

We have replied over your ticket. Please check it.

Thank You

Hi there! We did set up your template for our project. However when we reload the page or click any part of the content (link etc.) there seems a glitch, which is shown in the video I attached. So, we need to fix the related problem and thought you would help us out.

can you please share the video to better understand the issue. You may attached the video at wetransfer.com Thank You

how to hide menu-styler (style customizer) from dashboard panel (bootstraap version) ?

Hello Support when will you upgrade to 14 or 15

Just I downloaded

Could you please upgrade to 15

Sorry – It takes time. ETA – Mid May.

The template looks good, but I couldn’t run it. Technical support is not responding. I bought a template from another seller and it works great

Hello, Smirus

We are sorry for the inconvenience. I request you to please submit the ticket at https://phoenixcoded.authordesk.app/. Please share us the little bit more context about the problem you are facing.

Thank You

In order to test the REACT js-version template (full version), the installation was done on a official fresh docker image with node version 16, i.e. FROM node:16 For the installation we have followed the steps that were provided in the documentation. For the packed manager we used npm.

There are several issues that we currently have with the template:

1. npm install ERROR:

10 25.22 npm ERR! Could not resolve dependency:

10 25.22 npm ERR! peer react@”~0.14.8 || 15.0.0 || ^16.0.0” from google-maps-react@2.0.6

10 25.22 npm ERR! node_modules/google-maps-react

10 25.22 npm ERR! google-maps-react@”2.0.6” from the root project

We have to—force the npm install which is not desirable

2. during installation node found 63 vulnerabilities (1 low, 7 moderate, 45 high, 10 critical)

Several libraries are reported depricated, for example: npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

3. After the npm start command: Failed to load config “react-app” to extend from.

compile error: had to add eslint-config-react

4. After step 3 and another npm start. Compile errors because of spaces, e.g.

Failed to compile.

./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??ref-5-oneOf-6-1\\./node_modules/resolve-url-loader??ref-5-oneOf-6-3\\./src/assets/scss/style.scss) SassError: Expected whitespace. ╷ 925 │ @media only screen and(max-width:767px) {

Had to fix this in 4 different places

After that, I could finally start the application

Sorry for the delayed reply. We will surely looking into this and assure you to resolve it in next version.

Dear author

After using npm install I get the next errors. I’ve use also the—force option but deprecated warings are shown and page does not load.

Please can you tell me how to intall,

Thanks

npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @material-ui/core@1.3.1 npm WARN Found: react@17.0.2 npm WARN node_modules/react npm WARN react@”17.0.2” from the root project npm WARN 86 more (@ckeditor/ckeditor5-react, @emotion/core, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@”16.3.0” from @material-ui/core@1.3.1 npm WARN node_modules/@material-ui/core npm WARN peer material-ui/core1.0.0-rc.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN 1 more (react-image-video-lightbox) npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@”16.3.0” from @material-ui/core@1.3.1 npm WARN node_modules/@material-ui/core npm WARN peer material-ui/core1.0.0-rc.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN 1 more (react-image-video-lightbox) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @material-ui/core@1.3.1 npm WARN Found: react-dom@17.0.2 npm WARN node_modules/react-dom npm WARN react-dom@”17.0.1” from the root project npm WARN 44 more (@fullcalendar/react, react-transition-group, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@”16.3.0” from @material-ui/core@1.3.1 npm WARN node_modules/@material-ui/core npm WARN peer material-ui/core1.0.0-rc.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN 1 more (react-image-video-lightbox) npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@”16.3.0” from @material-ui/core@1.3.1 npm WARN node_modules/@material-ui/core npm WARN peer material-ui/core1.0.0-rc.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN 1 more (react-image-video-lightbox) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @material-ui/icons@1.1.0 npm WARN Found: react@17.0.2 npm WARN node_modules/react npm WARN react@”17.0.2” from the root project npm WARN 86 more (@ckeditor/ckeditor5-react, @emotion/core, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@”16.3.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN material-ui/icons“1.1.0” from react-image-video-lightbox@2.0.1 npm WARN node_modules/react-image-video-lightbox npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@”16.3.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN material-ui/icons“1.1.0” from react-image-video-lightbox@2.0.1 npm WARN node_modules/react-image-video-lightbox npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @material-ui/icons@1.1.0 npm WARN Found: react-dom@17.0.2 npm WARN node_modules/react-dom npm WARN react-dom@”17.0.1” from the root project npm WARN 44 more (@fullcalendar/react, react-transition-group, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@”16.3.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN material-ui/icons“1.1.0” from react-image-video-lightbox@2.0.1 npm WARN node_modules/react-image-video-lightbox npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@”16.3.0” from @material-ui/icons@1.1.0 npm WARN node_modules/@material-ui/icons npm WARN material-ui/icons“1.1.0” from react-image-video-lightbox@2.0.1 npm WARN node_modules/react-image-video-lightbox npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @reach/router@1.3.4 npm WARN Found: react@17.0.2 npm WARN node_modules/react npm WARN react@”17.0.2” from the root project npm WARN 86 more (@ckeditor/ckeditor5-react, @emotion/core, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@”15.x || 16.x || 16.4.0-alpha.0911da3” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN reach/router1.2.1” from @storybook/api@5.3.21 npm WARN node_modules/@storybook/api npm WARN 1 more (@storybook/router) npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@”15.x || 16.x || 16.4.0-alpha.0911da3” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN reach/router1.2.1” from @storybook/api@5.3.21 npm WARN node_modules/@storybook/api npm WARN 1 more (@storybook/router) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @reach/router@1.3.4 npm WARN Found: react-dom@17.0.2 npm WARN node_modules/react-dom npm WARN react-dom@”17.0.1” from the root project npm WARN 44 more (@fullcalendar/react, react-transition-group, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@”15.x || 16.x || 16.4.0-alpha.0911da3” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN reach/router1.2.1” from @storybook/api@5.3.21 npm WARN node_modules/@storybook/api npm WARN 1 more (@storybook/router) npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@”15.x || 16.x || 16.4.0-alpha.0911da3” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN reach/router1.2.1” from @storybook/api@5.3.21 npm WARN node_modules/@storybook/api npm WARN 1 more (@storybook/router) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: create-react-context@0.3.0 npm WARN Found: react@17.0.2 npm WARN node_modules/react npm WARN react@”17.0.2” from the root project npm WARN 86 more (@ckeditor/ckeditor5-react, @emotion/core, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@”0.14.0 || 15.0.0 || ^16.0.0” from create-react-context@0.3.0 npm WARN node_modules/create-react-context npm WARN create-react-context@”0.3.0” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@”0.14.0 || 15.0.0 || ^16.0.0” from create-react-context@0.3.0 npm WARN node_modules/create-react-context npm WARN create-react-context@”0.3.0” from @reach/router@1.3.4 npm WARN node_modules/@reach/router npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: draft-js@0.10.5 npm WARN Found: react@17.0.2 npm WARN node_modules/react npm WARN react@”17.0.2” from the root project npm WARN 86 more (@ckeditor/ckeditor5-react, @emotion/core, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@”0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0” from draft-js@0.10.5 npm WARN node_modules/draft-js npm WARN draft-js@”0.10.0” from react-stickies@0.0.16 npm WARN node_modules/react-stickies npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@”0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0” from draft-js@0.10.5 npm WARN node_modules/draft-js npm WARN draft-js@”0.10.0” from react-stickies@0.0.16 npm WARN node_modules/react-stickies npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: draft-js@0.10.5 npm WARN Found: react-dom@17.0.2 npm WARN node_modules/react-dom npm WARN react-dom@”17.0.1” from the root project npm WARN 44 more (@fullcalendar/react, react-transition-group, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@”0.14.0 || 15.0.0-rc || ^16.0.0-rc || ^16.0.0” from draft-js@0.10.5 npm WARN node_modules/draft-js npm WARN draft-js@”0.10.0” from react-stickies@0.0.16 npm WARN node_modules/react-stickies npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@”0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0” from draft-js@0.10.5 npm WARN node_modules/draft-js npm WARN draft-js@”0.10.0” from react-stickies@0.0.16 npm WARN node_modules/react-stickies npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: google-maps-react@2.0.6 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@”17.0.2” from the root project npm ERR! peer react@”16.13.1 || 17.0.0” from @ckeditor/ckeditor5-react@4.0.0 npm ERR! node_modules/@ckeditor/ckeditor5-react npm ERR! ckeditor/ckeditor5-react4.0.0” from the root project npm ERR! 85 more (@emotion/core, @emotion/react, @emotion/styled, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@”0.14.8 || 15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”2.0.6” from the root project npm ERR! npm ERR! Conflicting peer dependency: react@16.14.0 npm ERR! node_modules/react npm ERR! peer react@”0.14.8 || 15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”2.0.6” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Miguel\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Miguel\AppData\Local\npm-cache\_logs\2022-09-23T09_56_07_259Z-debug-0.log

Hi hello, I’ve purchased the template today. Will go with react version.

Can’t install dependences, need to add —legacy-peer-deps.

When I try to start the app, I get warning with sass and this alert too: rowserslist: caniuse-lite is outdated. Please run:

After doing all this I still have the sass errors (of course) and the full-version app never started

By any chance, have you deleted/updated lock files? also please share node and npm version you are using.

May I know is this template support multiple language UI? Thanks.

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey