Hi, how to permanently minimize my side-menu bar. Thanks in advance for your help

When the ‘Add Notification’ button is clicked in the demo page menu Advance -> Notification, Notification Alert is exposed. What should I do if I want to display it immediately when the page is loaded without a separate event such as a button click? Please reply soon.

Nearly one month out of six months of technical support has passed, and most of my questions have not been answered. After replying, please reply to the questions you asked in the comments again. And how long does it take to resolve the layout: ‘horizontal’ error?

Hello dear, i am Azzam.

Before buying this template i would like to know if this template uses functional components and hooks ? and not class components . does it use react-boostrap or reactstrap ?

Thank you

Hii phoenixcoded, You should update the latest angular & other modules.

I cant change the page title.. Able Pro Angular 8+

Is there no Paganation module that I can use when using BasicTable rather than DataTable ? Instead of hardcoding div tags as in Helpdesk -> Customer source, you need a module that makes a Paganation by sending the total number of pages and the number of current pages. A free template is also provided by default, but this template is a paid template, but is there nothing basic like that? And the Tree module isn’t great either. As I asked yesterday, even if I uncheck the lower checkbox, the parent checkbox remains checked, I want to bring only the tree list and I do not want to use the box border, but the box border is provided by default in all themes. Are there no other tree modules? And the response is too slow. I’ve been asking several questions for several days, but no answers. Please answer fast.

Hi, In the Tree View checkbox, if the parent checkbox is checked, all of the child items are checked. After that, if any of the child lists are unchecked, shouldn’t the parent item also be unchecked? Shouldn’t the parent item be checked only when all of the child items are checked? Even if some of the sub-lists are unchecked, the parent item remains checked. If one of the children is unchecked, how can I make the parent also unchecked?

Hello, I bought the template able-pro-responsive-bootstrap-4-admin-template, but i want landing page and file manager.

Hi, To bring the menu to the top, I changed the config.js file to: const Config = { defaultPath: ’/dashboard/default’, basename: ’/able-pro/react/default’, layout: ‘horizontal’, subLayout: ‘horizontal-2’, collapseMenu: false, layoutType: ‘menu-light’, headerBackColor: ‘header-blue’, rtlLayout: false, navFixedLayout: false, headerFixedLayout: false, boxLayout: false }; However, when I reduce the size of the Internet window, the menu moves to the left again and remains on the left until it refreshes, even if I enlarge the window again. Just like the ‘horizontal layout’ in ‘navigate demo’, I want the menu to stay on top even when the window is resized. What should I do?

Hi, Is there any page in the demo page where I can check the list of icons? It would be nice to have a page where you can see what icons are at a glance.

Hi, After purchasing, I downloaded the source and was looking at the demo page, but some problems were found. 1. If you set layout: ‘horizontal’, boxLayout: true in the config.js file, the menu area and body area are swapped and the screen is broken. And when layout: ‘horizontal’, doesn’t collapseMenu support? collapseMenu : If true, the menu icon is displayed normally, but the screen is broken on mouse over. 2. CK-Editor -> Classic Editor: The picture is not attached to the body even when I click the insert image icon and select the picture file. Please tell me how to solve the above problems.

Hi! I just purchased you Able pro 8.0 Bootstrap 4, Angular 11 & React Redux Hook Admin Template – I was looking for the Figma Template and didn´t find. Is that included in the package? If so, where can I find it. Thank you.

I tried to use the React TypeScript full-version project. But unfortunately, I am getting the error below if i try to run the app via “npm start”.

Please resolve the issue as soon as possible.

TypeScript error in D:/WS/BBSC_ReportManager/React-UI/able-pro-responsive-bootstrap-4-admin-template/react/template/typscript-version/full-version/src/Demo/Charts/ApexChart/chart/bar-chart-1.ts(11,17): Type ‘{ horizontal: false; columnWidth: string; endingShape: string; }’ is not assignable to type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. Object literal may only specify known properties, and ‘endingShape’ does not exist in type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. TS2322

Hi

We are using http://ableproadmin.com/angular/default/project-crm/pc-task The above able pro link ( task) is having an example of how pop up form opens up and still we can see the main grid behind. click on +add project – we were unable to get this screen in our code. see below link what we are actually seeing. Can you please provide guidance. Thank you, Daya

Hi, I bought the product today. I get an error when building.

<path>

\themeforest-M7Te1Y7o-able-pro-responsive-bootstrap-4-admin-template\react\template\typscript-version\full-version

<error>

Failed to compile E:/able-pro/src/Demo/Charts/ApexChart/chart/bar-chart-1.ts TypeScript error in E:/able-pro/src/Demo/Charts/ApexChart/chart/bar-chart-1.ts(11,17): Type ‘{ horizontal: false; columnWidth: string; endingShape: string; }’ is not assignable to type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. Object literal may only specify known properties, and ‘endingShape’ does not exist in type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. TS2322

9 | horizontal: false, 10 | columnWidth: ‘55%’, > 11 | endingShape: ‘rounded’ | ^ 12 | } 13 | }, 14 | dataLabels: {

Answers I’ll wait. Thank you.

I am getting 404 after building and deploying react typescript skeleton app. 404 for chunk. css and chunk.js And it says syntax error in manifest.json line 1 column 1

Hi, I have download your template and I am using react typescript template. After running yarn install and yarn start. I am getting so many typescript typing errors. I have spent half an hour fixing that myself but there are too many. Can you please help me with this. I am trying to run the full-version of react typescript.

Hi,

I cannot run typescript full version.

I am getting this error when running the full version of typescript version of the code.

Type ‘{ horizontal: false; columnWidth: string; endingShape: string; }’ is not assignable to type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. Object literal may only specify known properties, and ‘endingShape’ does not exist in type ‘{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } | undefined; }’. TS2322

9 |                 horizontal: false,
  10 |                 columnWidth: '55%',
> 11 |                 endingShape: 'rounded'
     |                 ^
  12 |             }
  13 |         },
  14 |         dataLabels: {

Hi there,

We purchase the Able Pro template and using the Angular Skeleton version for developing our eCommerce Dashboard. We are facing an issue with Data Table with Filter by feature (http://ableproadmin.com/angular/default/tbl-datatable) we want to make the filters top row of the data table so that user don’t have to scroll to the bottom of the page for search by column.

Can you please provide help on how to achieve this?

Thanks.