Hi,

Yes, we can consider to implement it.

Thanks

Hi,

It should be okay. The reload is just a layout redraw. No data refresh will be triggered.

Thanks

Hi,

It tries to refresh the data that’s exactly our problem. On resize it calls the API. Can I turn that off or have any idea what would trigger that?

Thanks

What version of Metronic are you using ? The recent versions have a fix for this issue. Please provide us more info.

We are using 5.1, do we need to upgrade?

Yes, Its recommended. The latest v5.2 has a lot of new features, bug fixes and improvements.

Ok so I updated to version 5.2 and I still have the same problem.

Also when we replaced assets to the new version (angular demo) webpack found alot of errors. Pasting a few from log:

I have also seen you’re now supporting/using the datatables from datatables.net do you not use mDatatable anymore?

Hi,

Can you try to delete tools/node_modules folder and update your dependencies using “yarn” command?

We have added DataTables.net because many people request it. We are still giving support, improving features and bug fixed for our mDatatable.

Thanks

I deleted node_modules and made a clean npm install but the errors remained the same.

Strictly speaking mDatatable with the new update 5.2 does it execute ajax call to fetch data on datatable window resize by default?

I cant use the DataTables either since webpack throws bunch of errors for it.

ERROR in ./ClientApp/assets/app/datatables/datatables.bundle.js Module not found: Error: Can’t resolve ‘datatables.net’ etc

Hi,

No, as you can see at our online datatable demo site, it does not execute ajax call everytime window is resized.

Please retry to delete node_modules and run “yarn” command in “tools” folder. Have you tried to recompile the assets? Using “gulp” command.

And since you have changed the location of the tools folder, please try to compile the assets with gulp and—angular flag. For the gulp to compile using tools/angular-jquery.json plugins config path.

gulp —angular

Thanks

Hi,

First of all we’re not using yarn or gulp only npm. I found the “tools” folder in the metronic files but we have not included or used it in our project.

We’re only using the files from the \metronic_v5.2\angular\dist\demo\default -> this is also where we took the new assets from.

Are we doing this wrong? I noticed there’s a package.json in “tools” but theres one in default demo we’re using too. Do we need yarn and gulp?

Hi,

“tools” folder is for the Metronic’s core assets, including JS, SCSS, fonts, images, etc. Those assets are shared globally in the whole theme for default HTML, Angular, etc. The raw assets source is located in “src” folder at the root directory.

Whenever you have customized something in the “src”, you have to recompile it again using build tool in “tools” folder (using yarn and gulp). You can check this in our documentation.

In the \dist\demo\default\src\assets, already have precompiled assets which you can use right away after extract.

Thanks

Hi,

Tried following the documentation but I didnt see a difference – still the same errors.

I copied “tools” and “src” folders, used yarn install and gulp—angular (I changed the destination in the angular-jquery.json to my assets folder). This way I obtained the assets but the webpack still throws out errors as before.

Is the placement of tools and src folders important? As out structure is different this might be an issue other than compiling the assets?

We’re also not using angular-cli, could that be a problem?

Hi,

“tools” and “src” are not required for the Angular, those folders are just for the core assets.

Are you developing the angular app using your own customized webpack?

And using default HTML or using our Angular package?

Thanks

Hi,

yes we’re developing angular app with customized webpack and your Angular theme and structure found in angular\dist\demo\default.

Hi,

Can you verify your customized webpack loads the Metronic’s assets in proper order? 1) vendors.bundle.js at first 2) scripts.bundle.js at second

Thanks

Hi,

Yes we run > npm run build:vendor && npm run build:main.

First it runs webpack—config webpack.config.vendor.js and this already throws errors.

Could this be webpack problem?

Hi,

We are sorry that we do not support webpack. Investigation of unsupported features will require more than allowed time according to our support policy.

Pre-compiled assets file like vendor.bundle,js and script.bundle.js can be used for normal javascript include in the HTML.

Both files are in javascript, but the webpack error seem to read it as typescript (module not found / can’t resolve)

Thanks

Hi,

We removed our own webpack and used Angular-cli with your angular-cli.json settings found in metronic_v5.2\angular\dist\demo\default.

After clearing some errors I finally got a successful build.

Is the order right? I changed the root folder the rest is default from your cli file.

Not sure why is cli listening to port 4200 now? Runing the program now opens in a different port than the ng serve is listening.

On the old port the app is runing but the changes I make are not to be seen, on the localhost:4200 the theme is not working and I get errors now.

I appreciate the help, this is my first time working with angular-cli.

Thanks

Hi,

Does it happens on our online demo site? Is it server filtering or local?

Thanks

it is local

Hi,

Yes, you can switch to other languages. Please check the documentation here: https://fullcalendar.io/docs/locale

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

Thanks.

Hi, Thanks for the reply but the calendar that i am using is the datepicker. This one exist in the folder “default/custom/components/forms/widgets/bootstrap-datepicker.js”. Based on the link that you provided to me, it’s another calendar based on fullcalendar.js.

Sorry for the expired support, i will go through the link you provided to me

Thanks in advance for your help, Benoit

Hi ,

If you can compile the Metronic source you can include the required local files from “tools\node_modules\bootstrap-datepicker\js\locales\” in the build config file: “tools\conf\default.json” under

"bootstrap-datepicker": {
                            "styles": [
                                "{$config.path.node_modules}/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css" 
                            ],
                            "scripts": [
                                "{$config.path.node_modules}/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js",
                                "{$config.path.node_modules}/bootstrap-datepicker/dist/js/locales/bootstrap-datepicker.fr.js",
                                "{$config.path.src}/js/framework/components/plugins/forms/bootstrap-datepicker.init.js" 
                            ]
                        },

Thus you will include the required local’s script in the bundle and you will need compile Metronic with “gulp” task.

If you need any further help please let us know.

Thanks.