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,565 sales
Well Documented

phoenixcoded supports this item

Supported

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

540 comments found.

Hi there, I purchased the theme and would like to build a site on top of the react version. So I have some questions about it: 1) user profile dropdown on the right is shifted on the right, is it CSS problem? How it can be solved? 2) react version has many UNSAFE_ methods (most of them are UNSAFE_componentWillMount), how to get rid of them? I tried npx react-codemod rename-unsafe-lifecycles, but it doesn’t change anything, returns some errors 3) does this package support internalization(i18n)? I couldn’t find anything related to it.

Thanks for your support!

Hello is the ReactJS version written in typescript??

Hi, Im trying to publish my template to test it on a EC2 server, but when im trying doesnt let me.

Im using the react template already with modifications, but in the server shows me the next error: npm ERR! 404 Not Found – PUT https://registry.npmjs.org/able-pro-v16.12.0 – Not found npm ERR! 404 npm ERR! 404 ‘able-pro-v16.12.0@8.0.2’ is not in the npm registry. npm ERR! 404 You should bug the author to publish it (or use the name yourself!)

E404

Dear Support, I’m getting this error /node_modules/@angular/core/core”’ has no exported member ‘Renderer’. Did you mean ‘Renderer2’?

& you have update all module versions.

Thanks, Kiran

Hello, Kiran

I request you to please share the error screenshot & your package.json file on our email – phoenixcoded@gmail.com

Thank You

Hi,

How to implement private router with login and logout(include in redux store) in able pro

Hi I see you import font awesome. I copy the font-awesome folder to my node-modules. But this folder always be delete next time. How to use font-awesome.

Don’t Copy the font-awesome folder in to node-modules, Use any icons, fonts, style, assets or our custom files outside the node-modules directory, and use in src directory.

I’m using Angular 9 and i installed ngx-perfect-scrollbar and imported in my module with its configuration but i got this error in nav-content.component.html Error: Can’t bind to ‘excludeBeforeClick’ since it isn’t a known property of ‘perfect-scrollbar’.

Check your ngx-perfect-scrollbar version in package.json file. If you not found v8.0.0, Then uninstall your ngx-perfect-scrollbar – npm uninstall ngx-perfect-scrollbar—save And import version v8.0.0 with command – npm install ngx-perfect-scrollbar@8.0.0

I already checked. Its 8.0.0 but still have same issue. There’s no excludeBeforeClick input inside this package.

Also angular version is not working like Bootstrap version. There’s no ripples, different menu animation.. Slower than bootstrap version.

User menu under his picture on left navigation. Try to open it then close the main navigation at all. You’ll see corrupted text appearing while the navigation is closed already.

Wizard in angular version is not working also…

Hello, please share your package.json file on our email – phoenixcoded@gmail.com

&

follow this one

For Perfect-Scroll:—You should try Angular forums for help regarding Angular usage, issues are reserved mainly for bugs and library related problems. You get that error if you have not imported the module. Had to import PerfectScrollbarModule in shared.module.ts

For Menu Style:—Add below style in _custom.scss
.pcoded-navbar{
  &.navbar-collapsed:not(:hover){
    .main-menu-header + div .list-group-item{
      a{
        font-size: 0;
        white-space:nowrap;
        i{
          font-size: 14px;
        }
      }
    }
  }
}

Do breadcrumbs work with stuff not in the navigation menu. Like sub pages?

It is your custom logic to implement breadcrumb in your own way.

Hi,

Can you explain how to set private route in able pro with redux

wait for a day. Our team will attend your query ASAP.

Thank You

Thanks, I will wait

How to implement private router with login and logout(include in redux store) in able pro with rootReducer

I suggest you to check this – https://gist.github.com/abohannon/cca2dd998edf9dc2c2165f538eece4b2

Our tech team recommend you to see above link. The question you need the support is your custom logic to implement in your project. So we can’t help your further on it as it is out of our scope.

Hope you understand it.

Thank You

Scrolling when touching the slide out menu doesn’t work. Only touching the area to the right of the menu will allow scrolling. Once you scroll down you can touch the menu but when it reaches to top, you can no longer scroll down.

Hello Team,

I just purchased this template, below is my purchase code: a35be353-db81-4855-be81-39c2d41e8cde

I downloaded the code and started the Angular version template.

I was verifying the side menu feature in the mobile responsive view, the sidebar is not getting displayed in mobile view, can you confirm how it can fixed? let me know if you need more information

Hello, can you please share issue screenshot in our email – phoenixcoded@gmail.com

Thank You

Hello,

I’m setting up CI/CD on in my repo, and when it attempts to build the project (I have not made any changes to it, for now it’s the exact data that is zipped up), but I’m running into memory exceeded issues. The node_modules folder is over 600MB in size locally.

Have you or one of your customers ran into this issue, and if so how can I resolve it on my end?

I think you must figure it out this situation from your end manually. Because we never got this situation from our other customers.

The node_modules have the required packages so you must manually check the required package in your project ..i.e. check package.json file.

hi.. could you please help with this problem ?

cannot add icon to children (Horizontal Layout)

filename : Navigation.ts

{ id: ‘menu-1’, title: ‘Menu 1’, type: ‘collapse’, icon: ‘fab fa-whatsapp’, children: [ { id: ‘menu-1-1’, title: ‘Menu 1.1’, type: ‘item’, url: ‘javascript:’, icon: ‘fab fa-whatsapp’, }, ] },

Hello! The template is great!

I need your help about the update of some components. Some components are near to be deprecated.

Is possible update the template?

Thanks

Regards! Fernando Zink in Tech

I use the REACT version. There would be a problem updating any of the packages they use, for example react — router — dom Is the application still stable or are there any compatibility impediments to updating packages?

Some news about this?

Can you please describe us more information with relevant screenshot on our email – phoenixcoded@gmail.com

Thank Yuo

Hi,

I have used your angular able pro them and in that i facing a problem with custom radio button. When i clicked on radio button its not active but clicked on label its work properly. Please let me know what to do for resolve this issue.

Can you please share us the screenshot so we can better understand it.

Send it on phoenixcoded@gmail.com

Thank You

Resolved. its conflict with my other CSS. Thanks for reply.

Hello we want make sum change in them to be work with our Service info@iwesy.fr

sir, please contact us on our email – phoenixcoded@gmail.com

Thank You

Hi is this template have drag and drop plugin example and file manager?

Sure.. Thank You

I just notice that you don’t have Nestable component either, if you don’t mind can you guys add that feature either? It will make this template so complete. Thanks :D

Yes, sure…Thank You

Hi I am using HTML files of your theme, Horizontal menu alignment is not proper, please fix this issue, issue is exist in your theme as well.

https://prnt.sc/s7wmh5

We’ve sent your concern to our Technical team. Soon you will get resolution step.

Also, we found that you have given the 1* rating. Can you please do something on it. Because it really badly effect our future sales.

As, our design is primarily support from Edge browser. BUT we are try to help you out on IE11 issue.

Thank You

Hello, we come up with the resolution

add below css code in your file.

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .nav-link.has-ripple{ overflow:visible !important; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li{ display:inline-block; }

Horizantal menu is not working in IE 11 Browser and the alignment is not proper.

Hello, we forwarded your concern with our technical team. Soon you get the reply from our end.

Also, If you share your concern with the screenshots then its more beneficial for us to understand this issue. Please send it to our email phoenixcoded@gmail.com

I’m using Laravel. I got some problem with your code. Please help me. Thanks.

Hello, can you please share us the screenshot about it …on our email phoenixcoded@gmail.com

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