Hi ,

Thanks for your interest in Metronic. Metronic already has the Angular version and you can preview it here: https://preview.keenthemes.com/metronic8/angular/demo1 If you need any further clarifications please double check it’s documentation here: https://preview.keenthemes.com/metronic8/angular/docs/quick-start

Regards, Sean

Yes, but it is from demo 1 and I would like to convert demo 9 into angular, can it be done?

It would require some major work, but you can try to refer to demo1 and freate demo 9 app. We will do our best to release those pending demos as soon as possible.

Hi,

Have you run “npm install” first, before “npm run dev”?

Thanks

Hi,

Thanks for your interest in Metronic.

Metronic is a large theme with over 1GB zip file, Can you please retry it with https://www.7-zip.org/

If you need any further clarifications please contact our support via support@keenthemes.com

Regards, Sean

Hi,

Can you check your webpack or gulp build config if select2 is included in the rtl conversion ?

Regards, Sean

It seems that select2 is already skipped in rtl, here’s my ‘gulp.config.js’ of the concerned section : rtl: { enabled: false, skip: [ "select2", "line-awesome", "fontawesome5", "nouislider", "tinymce", "sweetalert2", ], },

Hi,

The thing is it works in the original theme and the issue seems to be in your page. If you can send us the test link(via support@keenthemes.com) to your page we can take a look. Otherwise you will need to double check the origin theme and compare your code to find out what is missing.

Regards, Sean

Hi,

Thank you for getting in touch with us.

Firstly check out the StackOverflow page regarding this error: https://stackoverflow.com/questions/49566059/service-worker-registration-error-unsupported-mime-type-text-htm

Then can you please verify that error is related to our codebase? Try to reproduce it in the latest Metronic v8.0.31 react demo1.

You can get the latest version from our GitHub repository.

Regards,
Lauris

hi, actually the problem was with the Metronic React DEMO 01 template, since I did the integration of firebase -FCM in a new project (TS) and it worked perfectly.

on the other hand doing tests, determine that the problem is in the “homepage”: “metronic8 / react / demo1 /” in package.json file

what it determines is that app.tsx uses the basename of the index.tsx USA : const {PUBLIC_URL} = process.env

so my firabse serive worker didn’t see the file: firebase-messaging-sw.js

therefore my final solution was to place Homepage” in the package.json file and now my application can read my Service Worker.

Now, having said all this, was it a correct solution? I will not have problems in production or development to rename the homepage?

I hope I have been clear and also collaborate with some suggestions ..

Yes this is a correct solution since in our case we are hosting theme on metronic8/react/demo1, but you should specify the path of your host.

You can read more about the “homepage” property in the official doc: https://create-react-app.dev/docs/deployment/#building-for-relative-paths

Regards,
Lauris

Hi,

To login successfully use account “admin@demo.com” and password “demo”.

To remove redux you need to delete redux initialization from file react/demo1/src/index.tsx and then you will need to rewrite auth redux module in folder react/demo1/src/app/modules/auth/redux.

Sorry at the moment we do not have react starter kit, we will consider to add it in upcoming future.

Regards,
Lauris

Hi ,

As there is no known fix on the net we are digging the Flatpicker source code to find out the issue and apply some workarounds without changing the source code. This may take some time and if we are lucky we will provide the fix in the next update along with other improvements and fixes that we have already done since the last update.

Regards, Sean

That would be great since I based all picker on flatpickr already, include it deeply in our app, hook it with the languge system, and so on, it is deeply integrated to our app,

It would be so hard to change to another solution. but if we are face too, we don’t have a choice..

thank you Sean, Thank you so much.

Sure thing, thanks for the feedback appreciate your contribution!

Hi ,

Please try to add the overflow hidden class to the select2 input parent container:

class="overflow-hidden flex-grow-1" 

Regards, Sean

It seems that it fixed a problem Thank you

Glad to hear that All the best with your projects!

Hi,

Select 2 is a jQuery plugin and to use it with Angular you will need to include jQuery in your angular app. If you need any further clarifications please contact our support via support@keenthemes.com

Regards, Sean

Hi,

The issue was caused by @popper v2.11.0 plugin update. You can use the last stable version for Metronic in package.json

"@popperjs/core": "2.10.1",

And remove node_modules and yarn.lock files from the tools folder and rerun yarn.

We will release the official fix shortly.

Regards, Sean

Thank you Sean, with version 2.10.1 it’s working perfectly

Great! Thanks for helping to detect this issue

Hi,

Please add the page route in this file. demo1/src/app/pages/routing.ts At the moment, we have no tutorial for Angular yet. We will consider adding it in future updates.

Thanks

Thank you that works.

Glad it worked

Thanks

Hi,

Sorry for the late reply. May I know your email address just to make sure if we sent you it.

Regards, Sean

blockUI.release(); ok not now problem. Sorry

Hi ,

Noted, glad to hear that

Regards, Sean

Hi ,

Thanks for your interest in Metronic. Our Metronic React version is available only TS format.

If you need any further clarifications please let us know.

Regards, Sean

where should i look for this restriction before buying product.

Hi,

We will update the item page main banner with this info. Thanks for pointing out. Nowadays Typescript is now becoming defacto language for React and Angular/Vue as well so support it following to this demand. Please contact support@keenthemes.com for more info.

Regards, Sean

please show image

https://ibb.co/RHm05SR

Hi,

We used onPush change detection strategy for performance. You can disable this by removing changeDetection: ChangeDetectionStrategy.OnPush.

Or you can use below code to manually update the UI render. ​

constructor(private cd: ChangeDetectorRef) {}
  refresh() {
    this.cd.detectChanges();
  }

​ https://www.digitalocean.com/community/tutorials/angular-change-detection-strategy

Thanks

Hi ,

Thanks for your interest in Metronic.

At the moment Metronic does not support Blazor Web Assembly.

But the server side Blazor is well supported.

Regards, Sean

Hi,

The link you provided is Metronic 7 but by default in the zip file we include the latest version of Metronic 8.

You can check the preview of Metronic 8: https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.181302055.1410581411.1638197076-1635915368.1606869404#/dashboard

If you need Metronic 7 you can contact our support via support@keenthemes.com and ask for access to Metronic 7 repo.

Regards,
Lauris

Hi,

Unfortunately Bootstrap Select does not support Bootstrap 5 yet. In the meantime you can use Select2 with fully compatible with the Bootstrap form controls and states: https://preview.keenthemes.com/html/metronic/docs/forms/select2

Regards, Sean

Still not received bootstrap select in Metronic 8 update. Please do the needful

Hi,

Please note that Bootstrap Select does not have an official stable version for Bootstrap 5. yet Current version https://yarnpkg.com/package/bootstrap-select is not usable with Bootstrap 5.3.0. We have tried it but did not work with Bootstrap 5.x dropdown component.

Regards. Sean

Hi ,

Thanks for your feedback.

The layout might look quite similar but the style and color scheme is quite unique.

Regards, Sean

Hi Sean, I haven’t received a response back from the support team. Could you please check with them? Thanks!

Hello,

We are upgrading our Figma file at the moment and we send it within today. Thanks for your patience.

Best regards, Bob

Thanks Bob! We really appreciate it.