540 comments found.
hello, I have some customize in the theme, like table column width, to keep the sticky header and background color change of body how could i do, I am unable to see classes.
Hi there,
We purchased and liked the theme and using it for our project but we are facing an issue on, how to get Id of datatable row to perform update on new form in separate tab (without modal popup) when working with datatables, can you please provide help on this.
please note that we are using tbl-searching table provided in the angular theme
Hello please provide me a hooks version of this template
hello support
Sir, please find the react hook version in following directory- \react\template\javascript-version
\react\template\typscript-version
there is no directory such has this please provide a link for me to download it via email
Sir, please double check its already there – https://www.awesomescreenshot.com/image/7623244?key=8143a2c4fade2bfd130a1f9f7707055b
FYI – Please re-download the package from your account.
seen thanks
had to re download
Hello,
I would like to buy but I have a question, I would like to generate with this extension that the client can create a session and then fill out a form to enter the shipments that he wants to send through us.
Is it possible to make this configuration in this panel?
Sir, this is just the front end template. For working features you need to manual code using your concern web technologies.
Just bought this theme and don’t see any typescript files, I saw author comment – that typescript is supported, but don’t see how exactly I can start develop my admin panel with this theme using type script
Please share your email address. We facing issue with uploading new updates on Themeforest from past 15 days. So for now I’ll assign the TypeScript version direct download link.
Thank You for your understanding.
- Rakesh
hi Rakesh, I drop you private message with my email, kopa**@gmail.com yesterday, did you send a link?
Yes, we share the download link. Please check your email.
Thank You
Hello please i would love to purchase this template Able pro 8.0 react version. i wpould like to confirm if the app is built using react hooks and not class components thanks you
Yes we have new version in React Hooks. Unfortunately we cant made upload it due to uploading issue from themeforest site. It happen from last 10 days. But do not worry we will give you external download link once you made purchase it.
once everything will normal. You can download it via themeforest too.
Thank You
Do it work well with nextjs and typescript?
I dont’s see react typescript version in the zip file. How can I get that?
please share you email here. We are facing the update issue in themeforest from last 10 days. So I’ll share you the direct download link of TypeScript version.
ok
and I see your document is not fit the source code (file structure). Can I have the update document link?
hello?
we have sent you email yesterday with Download link. Have you checked?
I get it. Your message was pushed to spam so I don’t recognize. Thank you
Hi Phoenix, is there documentation for the deploy?
Im facing an error on deploy. If the user use the page it work every route, but if the user refresh the page or write the url doesnt work, appears error 404.
Have any idea, this is with the build and serve.
Thanks
For that, Please upload .htaccess file if you use apache server. For Windows server use web.config file
Hi , There is an issue with Gallery and this issue occurs only when using the app in build version , when click on any photo in gallery box , all pictures get resized http://snpy.in/eP8Rr6 , also noticed the same issue on your demo website. This issue does not occur if use the app not in build mode. This image from your demo website (before click on any picture) http://snpy.in/pZzvLU and this after click on any picture http://snpy.in/snAB5c
Hello, any updates
Do not worry sir., I’ll update you this on tomorrow
<app-spinner> is not visible in my component – obviously the <app-card> is shown? no errors are shown … SharedModule is imported. Can you assist?
using ToastyService in angular—> no toast is displayed .. is this theme completely working for angular? or do I miss something here? documentation is not that good
We will check your queries & let you know ASAP.
Thank You
Hi. I want to buy this template but I have a few questions.
1. It’s possible to create user accounts with it?
2. If Yes, after registration, will the user have his own user panel where he can manage his profile or contact with team?
3. Can I customize a user panel using the admin panel, i.e. what should be visible, what options can be displayed, etc.?
4. Do I need mysql database to give technical possibility for registering and creating new accounts for users?
5. What about PHP, does this template contain the necessary files?
Greetings
Hello,
First of all, Thank you for your interest in Able Pro
As, I understand you need working Admin Panel for your project. BUT sorry sir, this is only the front end design. If you want working functionality like create user accounts, registrations etc… you need to implement the backend web technology for that. i.e. like PHP, Laravel etc..
Also, there is no any any SQL database as its seems the static HTML pages comes with the template.
I think you got your all answers.
Let me know if you still need assistance.
Thank You
- Rakesh
How can I download the typescript version?
Please wait for a day. We have new release in Typescript with having hook features.
Hello,
Currently We got the error while uploading on themeforest.
Alternative
Please share your email address here. So we can give you direct download access for TypeScript version.
Angular Version
After install NPM getting below error
> node-sass@4.14.1 install D:\stampingprogress\node_modules\node-sass > node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-88_binding.node Cannot download https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-88_binding.node>
HTTP error 404 Not Found
Hint: If github.com is not accessible in your location try setting a proxy via HTTP_PROXY, e.g.
export HTTP_PROXY=http://example.com:1234or configure npm proxy via
npm config set proxy http://example.com:8080> core-js@3.6.5 postinstall D:\stampingprogress\node_modules\@angular-devkit\build-angular\node_modules\core-js > node -e “try{require(’./postinstall’)}catch(e){}”
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
> core-js@2.6.11 postinstall D:\stampingprogress\node_modules\core-js > node -e “try{require(’./postinstall’)}catch(e){}”
> @angular/cli@9.1.12 postinstall D:\stampingprogress\node_modules\angular-datatables\node_modules\@angular\cli > node ./bin/postinstall/script.js
> node-sass@4.14.1 postinstall D:\stampingprogress\node_modules\node-sass > node scripts/build.js
Building: C:\Program Files\nodejs\node.exe D:\stampingprogress\node_modules\node-gyp\bin\node-gyp.js rebuild—verbose—libsass_ext=—libsass_cflags=—libsass_ldflags=—libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli ‘C:\\Program Files\\nodejs\\node.exe’,
gyp verb cli ‘D:\\stampingprogress\\node_modules\\node-gyp\\bin\\node-gyp.js’,
gyp verb cli ‘rebuild’,
gyp verb cli ‘—verbose’,
gyp verb cli ‘—libsass_ext=’,
gyp verb cli ‘—libsass_cflags=’,
gyp verb cli ‘—libsass_ldflags=’,
gyp verb cli ‘—libsass_library=’
gyp verb cli ]
gyp info using node-gyp@3.8.0
gyp info using node@15.12.0 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing “build” directory
gyp verb command configure []
gyp verb check python checking for Python executable “python2” in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed at getNotFoundError (D:\stampingprogress\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (D:\stampingprogress\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (D:\stampingprogress\node_modules\which\which.js:80:29)
gyp verb `which` failed at D:\stampingprogress\node_modules\which\which.js:89:16
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\index.js:42:5
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:193:21)
gyp verb `which` failed python2 Error: not found: python2
gyp verb `which` failed at getNotFoundError (D:\stampingprogress\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (D:\stampingprogress\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (D:\stampingprogress\node_modules\which\which.js:80:29)
gyp verb `which` failed at D:\stampingprogress\node_modules\which\which.js:89:16
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\index.js:42:5
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:193:21) {
gyp verb `which` failed code: ‘ENOENT’
gyp verb `which` failed }
gyp verb check python checking for Python executable “python” in the PATH
gyp verb `which` failed Error: not found: python
gyp verb `which` failed at getNotFoundError (D:\stampingprogress\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (D:\stampingprogress\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (D:\stampingprogress\node_modules\which\which.js:80:29)
gyp verb `which` failed at D:\stampingprogress\node_modules\which\which.js:89:16
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\index.js:42:5
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:193:21)
gyp verb `which` failed python Error: not found: python
gyp verb `which` failed at getNotFoundError (D:\stampingprogress\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (D:\stampingprogress\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (D:\stampingprogress\node_modules\which\which.js:80:29)
gyp verb `which` failed at D:\stampingprogress\node_modules\which\which.js:89:16
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\index.js:42:5
gyp verb `which` failed at D:\stampingprogress\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:193:21) {
gyp verb `which` failed code: ‘ENOENT’
gyp verb `which` failed }
gyp verb could not find “python”. checking python launcher
gyp verb could not find “python”. guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can’t find Python executable “python”, you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (D:\stampingprogress\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack at PythonFinder.<anonymous> (D:\stampingprogress\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack at callback (D:\stampingprogress\node_modules\graceful-fs\polyfills.js:295:20)
gyp ERR! stack at FSReqCallback.oncomplete (node:fs:193:21)
gyp ERR! System Windows_NT 10.0.17763
gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “D:\\stampingprogress\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=”
gyp ERR! cwd D:\stampingprogress\node_modules\node-sass
gyp ERR! node -v v15.12.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {os“} (current: {os WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents): “win32”,arch
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {os“} (current: {os WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents): win32”,arch“})
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {os“} (current: {os“})
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.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\RLE0795\AppData\Roaming\npm-cache\_logs\2021-03-22T07_54_11_022Z-debug.log
Please share your npm & node version.
Node Version – v15.12.0 NPM Version – 6.14.11
Remove file yarn.lock or package-lock.json and directory node_modules. Set latest angular cli around 11.2.X globally, and use latest nodeJs around 14.15.X Install node modules, ‘yard’ or ‘npm install’ Install node-sass manually, ‘npm install—save node-sass@4.x.x Ready to compile & deploy your project.
FYI – We’re closely working with new updates on Angular with all latest dependencies support. So stay tuned with us.
Thank You
- Rakesh
My Angular CLI is Angular CLI: 11.2.5 and Node version is Node: 15.12.0. I tried installing Node Modules 2 times. I will try it again.
How can I make navigation dynamic, no based of Database condition
Open file app-routing.module.ts at directory ’...\src\app’ and routes according to
your new components, for demo use our basic component Sample Page routing.
{ path: ‘sample-page’, loadChildren: () => import(’./demo/pages/sample-page/sample- page.module’).then(module => module.SamplePageModule) }
Open file ‘navigation.ts’ from directory ’...\src\app\theme\layout\admin\navigation\’ and add your menu items according to your new component.
{ id: ‘sample-page’, title: ‘Sample Page’, type: ‘item’, url: ’/sample-page’, classes: ‘nav-item’, icon: ‘feather icon-sidebar’ }
hi, when i use the horizontal menu layout, the popover doesn’t show in the correctly position. can you help me?
Is it in React, Angular or in Bootstrap HTML version. Also please share us the screenshot so we can understand it easily.
Thank You
Hello, Please add below css code into your file.
.pcoded-navbar.theme-horizontal ~ .pcoded-main-container{
margin-top: 0px;
padding-top: 100px;
}
Download Horizontal file here – https://we.tl/t-8Y8fiiCOW7
Let me know if you still face the same issue.
Thank You
- Rakesh
TypeError: isOpen is undefined render D:/React/crm-ukucela-app/src/App/layout/AdminLayout/Navigation/NavContent/NavCollapse/index.js:49
this happens when using combineReducers. Help
Hello, Have you resolved your issues?
Let me know if you face any issue.
Thank You
Reactjs version is not working in Internet Explorer, I have almost finished the project for an client , the client company computers does not have browsers other than Microsoft internet explorer. The theme does not render.
https://snipboard.io/jEcCHD.jpg https://snipboard.io/iauYAS.jpg https://snipboard.io/A79m4X.jpgYou quick support on this issue is highly appreciated and its considered as urgent request other wise we will fail to deliver the project to client.
Let me check it from our technical team. I’ll make this in high priority.
Thank You
Hello, This is just a reminder that we’ve got the solution for IE issues. We will shortly give you the step-by-step process for that.
About your rest of the queries we will also work on it.
Thank You for your patience.
Please follow this for solve the IE issues
1) Run command – yarn add core-js isomorphic-fetch
2) add this two line in index.js first before other lines. (i.e. at top of page)
import "isomorphic-fetch"
import "core-js/stable";
3) to test on development change package.json like below:
"development": [
">0.2%",
"not dead",
"not op_mini all"
]
4. for apex chart you have add more polyfills :
https://github.com/apexcharts/apexcharts.js/issues/1288 (edited)
Worked, thank you
Hi, How can I add other reducers, or create a combineReducers?
Hello, have you tried new version of Able Pro? Let me know if you have any issues.
Thank You
Menu item activation depends on the menu item id and current path location.
If you want to set active on reload page, set proper menu item ‘url’ and ‘id’ in file ‘menu-items.js’.
Got it, thank you
Keeping the same sticky page header with a page not added in menu-list
This is page added in menu http://snpy.in/rGmOzE This page is not added on the menu (noticed the page header) http://snpy.in/zXRANvBreadcrumbs generate dynamic, it depends on menu items url as well as routing basepath and current location.
Set proper basename for breadcrumbs in config.js file, basename end without ’/’ sign. Follow the below steps:
1) Update/Replace ‘{mainContent}’ with below content in file ‘NavItem/index.js’ at directory ’..\src\App\layout\AdminLayout\Navigation\NavContent\NavItem’.
return (
<Aux>
{ !this.props.item.hidden && mainContent}
</Aux>
);
2) Add hidden: true in menu-items.js file for your no menu items
Hi Phoenix, i have the issue with the body padding-right. When the page refresh the padding-right increase 17 px.
We will check it from our technical team. Meanwhile let me know in which version you face this issue? Bootstrap, Angular or React?
body.modal-open{
padding-right:0px !important;
}
Thanks
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
