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
Recently Updated
Well Documented

phoenixcoded supports this item

Supported

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

540 comments found.

Another issue on your theme, the navbar user and notification is cropped :- http://snpy.in/ufNxwH http://snpy.in/nuGgn0 This screen shot taken from your demo website:- http://ableproadmin.com/react/default/dashboard/default

We will look into it & give you the resolution step ASAP.

Thank You

Hello, Please follow below steps to resolve this issue
Open index.js - \src\App\layout\AdminLayout\NavBar\NavRight & add below props in <Dropdown> elements
drop={!this.props.rtlLayout ? 'left' : 'right'} 
className='dropdown'
alignRight={!this.props.rtlLayout}

login (v2) does not look like live demo – login container is only half of height

we will check & soon reply on it.

Hello there!

We are thinking on getting this theme but demo isn’t reachable from today because a expired domain error. Any change to get it fixed soon? Thanks in advance!

wait we will fix it

Hello, We’ve fixed the issue. Please check the template now – http://ableproadmin.com

Thank You

Sir, its working now. Due to server issues the site was down.

Thanks for letting us know.

Thank You

Rakesh

I would like a full refund since the listing is misleading in stating it’s written in Typescript.

Hi,

Sorry to disturb you, but I have a bug with menu. when my windows is below 990px the menu is hidden and it’s impossible to show it.

Did I miss something ?

Thanks you,

Steven Dieu

we will check it & soon contact you.

Thank You

Hi, I am using the React-Redux under npm. As part of my development, I’d like to use custom reducers for my components, while leaving all of the navigation in the standard template format. Specifically, I started from the full demo and wanted to modify: src/store/default.js.

The standard mechanism is to use a combination reducer and each component of the store would have its own namespace, something like this:

import { combineReducers } from "redux"; import accountsList from "./reducers/accountsList"; // This is my component import ablePro from "./reducers/ablePro"; // this is the current default.js // export default combineReducers({ accountsList, ablePro }); const reducer = (state, action) => { return combineReducers({ accountsList, ablePro })(state, action); } export default combineReducers({ ablePro });

However, in the example above, all of the navigation begins to break. This is because standard practice is to set the namespace of the reducer to effectively break up the store. (In the example above, since I’ve renames the default.js to ablePro.js and used is in the combiner, the namespace becomes “ablePro”). The template does not have a namespace and effectively usurps the Redux store.

Needless to say, all the src/App/layout/NavBar begin to break. Can you suggest a way to refactor the NavBar work or any existing Redux store work so that it has a namespace prefix?

Thank you.

No response?

Hi, I was still under support when I asked this question. Can you please advise?

Please share your email address – we have new version. I’ll share it on you before launch in Themeforest.

Thank You

Hello, I would like to integrate the components of able 8 pro in an existing project (use of cards, header and several other resources). Could you tell me if this is possible? Or would you have any solution for this?

Yes, it is possible. BUT make sure you must add all required assets.

Please refer sample-page.html page.

There you can see the basic structure of template & all required assets file in <head> section. Also you can check in bottom of page there are multiple js files.

Thank You

Hi, I have a probleme with popup in react template. it’s working fine in angular but not in react. When i create a pop up in samplePage.js i see the content of popup in modal page after clicking on one of your modal popup example. this is too strange! can i have some explainations ? Thanks

I tested the Able Demo in React with vertical menu on the left. If you click on menu items the whole menu moves vertically and the menu item you clicked on is elsewhere. I find this is a bit confusing …

Hi, I have a probleme with formio library in react template, the pop up is not working (bootstrap popup) but its working fine in angular template.

Hi,

There is a problem with using the Data Table when a scrolling table is defined. The table header is misaligned from the rest of the column.

Purchase code: 488d0933-aaf5-40c5-86ad-f0dc2cb0186b

Ohk We got issue. Soon I’ll update you.

Thank You

Any news?

Hello, Please follow this

1) open assets/scss/react-module/_datatable.scss
2) find given code
    table.dataTable thead .sorting{
        width: auto !important;
        min-width: auto !important;
    }
3) replace with below given code
    table.dataTable:not(.fixed-col-table) thead .sorting{
        width: auto !important;
        min-width: auto !important;
    }
4) also add "fixed-col-table" class in table tag
Please check your React Code. A fix is needed for a few Membership links: http://ableproadmin.com/react/default/membership/mshp-email http://ableproadmin.com/react/default/membership/mshp-newsletter
react-dom.production.min.js:209 CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated. Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules

    at Object.<anonymous> (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:731032)
    at Object.e.exports (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:731142)
    at n (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726180)
    at Module.<anonymous> (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:817739)
    at n (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726180)
    at e.exports (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726979)
    at Object.230 (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726989)
    at n (http://ableproadmin.com/react/default/membership/mshp-country:1:1317)
    at Object.144 (http://ableproadmin.com/react/default/static/js/160.731a7254.chunk.js:1:225)
    at n (http://ableproadmin.com/react/default/membership/mshp-country:1:1317)
el @ react-dom.production.min.js:209
n.callback @ react-dom.production.min.js:226
di @ react-dom.production.min.js:131
il @ react-dom.production.min.js:212
pu @ react-dom.production.min.js:255
t.unstable_runWithPriority @ scheduler.production.min.js:19
Vo @ react-dom.production.min.js:122
du @ react-dom.production.min.js:248
Zl @ react-dom.production.min.js:239
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:19
Vo @ react-dom.production.min.js:122
Qo @ react-dom.production.min.js:123
L @ scheduler.production.min.js:17
E.port1.onmessage @ scheduler.production.min.js:14
scheduler.production.min.js:14 Uncaught CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated. Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules

    at Object.<anonymous> (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:731032)
    at Object.e.exports (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:731142)
    at n (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726180)
    at Module.<anonymous> (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:817739)
    at n (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726180)
    at e.exports (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726979)
    at Object.230 (http://ableproadmin.com/react/default/static/js/5.b735934f.chunk.js:1:726989)
    at n (http://ableproadmin.com/react/default/membership/mshp-country:1:1317)
    at Object.144 (http://ableproadmin.com/react/default/static/js/160.731a7254.chunk.js:1:225)
    at n (http://ableproadmin.com/react/default/membership/mshp-country:1:1317)
Please tell me how I can fix this.

? ? ?

Please give us a day. We get back to you with resolution.

we’ve share the template on your email. Please check it.

Thank You

Hello phoenixcoded AUTHOR,

Please give me a solution for whatever I’m getting errors.

WARNING in Conflict: Multiple assets emit different content to the same filename loading.gif

ERROR in Unexpected value ‘CustomFormsModule in /Users/sathvi/Desktop/full-version/node_modules/ngx-custom-validators/ngx-custom-validators.d.ts’ imported by the module ‘FrmValidationModule in /Users/sathvi/Desktop/full-version/src/app/demo/pages/form-elements/frm-validation/frm-validation.module.ts’. Please add a @NgModule annotation.

Hello,

Can you please share us your Node version & Angular version. Also, share us the Template version which you are using.

Thank You

Node.js is 12+ Angular global version is 10 & Template version is latest

Hi, I am developing the reactJS using the Able theme. I am facing the icon missing problems right now. Can you advice how to solve it?

Yes, sure.. Let me know which errors you got?

It showing a rectangle box instead of the icon. I direct copy the icon from the Able template

We’ve used the Feather Icon set. Here you can find the full icon list link -https://feathericons.com/

usage example -

replace your desired icon to its name to XXX like this

“feather icon-xxx”

Hi, how can I implement the theme to an existing angular project?

thx

Hello, Mitch

First of all, Thank you for your purchase.

About the implementation in your Existing project – You first need to check the all aspect related to this template.

First set the package.json file with your exisiting file. Check the all required assets for this template. Implement the basic structure of this template first.

Overall, its completely depend on you to implement this template into your exisiting project.

Let me know if you face any issue.

Thank You

Rakesh

I emailed you yesterday with a question about google-maps. I also left a message via your profile. Did you receive them?

Happy Diwali – please stay safe. I sent you another email.

Sure. will check it. Happy Diwali

Haven’t heard yet.

I have installed the Able-Pro-admin-lite-Figma-version. I have purchased the update to Able pro 8.0 Bootstrap 4, Angular 10 & React Redux Admin Template

How do I apply the update to the Figma version in Figma ?

Thank you Greg greg.daniele@budgetrac.com

we will share you the Figma version ASAP in your email.

I am trying to contact you using your website ticket system, but it says “This Ticksy account is Inactive. If you are the owner of the account, please contact support for assistance”

how can we contact you

you can comment your issue here or you can contact us directly via email – phoenixcoded@gmail.com

Thank You

Thank you for your quick response, i have send to you.

In sign page there is an error when the is an error of wrong id or password the data remain as it is. and placeholder content over right that text

hello, Rohit

Can you please share us the bug screenshot on our email ?- phoenixcoded@gmail.com

Thank You

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