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, I’m trying to use Able Pro V9 react version. I’m unable to login. It shows Server Error. Attached the error message in the image as well.
https://cdn.discordapp.com/attachments/919536120495226912/1108867663318487222/Capture_decran_2023-05-18_a_23.23.16.png https://cdn.discordapp.com/attachments/919536120495226912/1108867609895653469/Capture_decran_2023-05-18_a_23.22.56.pngHi, 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.
Actually, it seems not a problem. Because of Live customizer we have achieved through JS.
I’ll soon share you the resolution steps which you can easily apply from your end.
Thank You.
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
Yes, it will be available in next release. ETA – mid of April
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.
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
The current Able Pro versions are soon deprecated after we launch the complete new redesigned Able Pro. So there is no plan for the upgrade the current versions of template.
When can we expect the new Able Pro?
Bootstrap version is Expected to launch in mid January and Rest React & Angular versions are available at the End of February or earlier if possible,
When can we expect the new Able Pro?
Hello, We are behind on what we planned for Able Pro. But may be in this end of week we will release the Bootstrap version of new Able Pro.
Hello, We just release the Able Pro v9.0. Please download it from your account.
FYI – Currently we have just released the Bootstrap version. Other versions like React, Angular will be release soon.
Thank You
React, .NET and CodeIgniter version has been released as well.
Hello Support, When will you release the Angular 15?
Material Angular will release on end of this month.
Oh my god. Why Material? Bootstrap is right
The previous version (which is Bootstrap) is still accessible and we do update that too in Angular 15.
But the new v9 design has in Material Angular.
Ok nice
But the previous version (which is Bootstrap) is still in 13.
Its in Angular 14
Sorry its in Angular 13
”@agm/core”: “1.1.0”, ”@angular/animations”: “13.1.3”, ”@angular/common”: “13.1.3”, ”@angular/compiler”: “13.1.3”, ”@angular/core”: “13.1.3”, ”@angular/forms”: “13.1.3”, ”@angular/google-maps”: “13.1.3”, ”@angular/localize”: “13.1.3”, ”@angular/platform-browser”: “13.1.3”, ”@angular/platform-browser-dynamic”: “13.1.3”, ”@angular/router”: “^13.1.3”,
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-5-oneOf-6-3./node_modules/resolve-url-loader??ref
./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/core“1.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/core“1.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/core“1.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/core“1.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/router“1.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/router“1.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/router“1.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/router“1.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-react“4.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.