Hi ,

Thanks for your feedback. Our in-house Duotune icons are more appealing and fine tuned for our design system. More icons will be added soon. If you have icon requests please email our support via support@keenthemes.com

Regards, Sean

Hi ,

Thanks for the suggestion. We will check this further. You can stay in touch with us via support@keenthemes.com

Regards, Sean

Hi,

We are so sorry for that.

We will take a look at these warnings and fix them as soon as possible.

Regards,
Lauris

Hi,

1) Yes in our auth system we are using redux which uses a singleton pattern

2) Currently not all third-party libraries have their own wrappers.

Metronic supports react-bootstrap so should be able to use their provided components, check the doc page https://react-bootstrap.github.io/components/alerts/

Regards,
Lauris

Hello, did you find the solution?

Hi,

Yes, Sure. We will be releasing a new update shorting. Doing final testing.

Regards, Sean

Hi,

We just released a hotfix for this issue.

You can download the latest version from ThemeForest or Github repo.

Regards,
Lauris

Hi

KtDatatable is available in Metronic v7. In Metronic v8, please consider to use Datatables.net plugin.

https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html

Thanks

Hi,

Could you please clarify your issue with more details ? Which HTML entities are you referring to ? Are you trying to save Metronic’s HTML code in your database ? Have you tried to use utf-8 charset for your database ?

Regards, Sean

Hi,

Thanks for your interest in Metronic.

No, we only provide the style integration only for the free version of the fullcalendar.

If you need any further clarifications please do let us know.

Regards, Sean

Hi ,

Thanks for your suggestion. We will add this in a future update.

Regards, Sean

Another question, is if the Angular template has all the example pages shown in the Demo1 from the site? Currently I’m only seeing a small section of Crafted/Apps pages?

Hi

After click minimize button, could you please try to move the mouse pointer out from the aside menu. Then the aside menu will be minimized.

https://www.loom.com/share/aeb9078376ae426aa1165fee380467ea

Some pages from the HTML version may not exist in Angular. But the CSS styles from the HTML version already integrated into Angular. All the components from the HTML version are static and non-working components. You can just copy the component HTML from the HTML version, and paste it into the Angular component to get the same look. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.

Thanks

Hi,

We just released a hotfix for this issue.

You can download the latest version from ThemeForest or Github repo.

Regards,
Lauris

Thank you. I applied your upgrade and confirm it’s fixed now.

Glad to hear that. All the best with your project!

Hi, thank you Aziko for the reply.

Hi, i’m glad.

If you need any further clarifications please do let us know.

Regards, Aziko

Absolutly, Really appreciate it.

for other people who need answer , you need to go on the github and download it from he branch 7.0

Hi ,

Thanks for your feedback.

As stated in the readme file v7.x is available in the private Github repo and everyone can download by sending github username to our support@keenthemes.com

Regards, Sean

yes, is for realtime messages with pusher

Hi

The documentation can be found in the laravel site; https://laravel.com/docs/8.x/broadcasting#client-side-installation You have to install the plugin using npm install

npm install --save-dev laravel-echo pusher-js

Create a js file anywhere inside resources/assets/demo1/js. Eg. laravel-echo.init.js Then configure the js code to init the echo plugin lik below

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    forceTLS: true
});

Add the file into script js file. resources/assets/demo1/js/scripts.js

require('./laravel-echo.init.js');

It will be included in the public/js/scripts.bundle.js

Thanks

Thank’s

Hi,

For ajax loaded page please use below code to initialize the core components on ajax request complete:

// Boostrap & 3rd-party components initialization
KTApp.init();

// In-house components initialization
KTMenu.createInstances();
KTDrawer.createInstances();
KTScroll.createInstances();
KTScrolltop.createInstances();
KTSticky.createInstances();
KTDialer.createInstances();
KTImageInput.createInstances();
KTPasswordMeter.createInstances();
KTSwapper.createInstances();
KTToggle.createInstances();

if you need any further clarification please let us know.

Regards, Sean

that is great thank you so much

You are welcome! Glad to help you out. All the best with your projects

Hi ,

Thanks for feedback. We just found out that Summernote is finally Bootstrap 5 ready and we will add it into Metronic v8 very soon.

Stay tuned for upcoming updates!

Regards, Sean

Hi ,

Could you please contact our support via support@keenthemes.com and provide your Github.com username and we will grant you access to the private Metronic repo https://github.com/KeenthemesHub/Metronic and you can download v7 zip from a separate branch.

Regards, Sean

Hi ,

Thanks for your interest in Metronic!

Can you please contact our support@keenthemes.com and provide your github username ? We will grant you access to the Metronic github repo so you can download Metronix v7 zip.

Regards, Sean

Hi ,

Thanks for your interest in Metronic.

At the moment only most popular pages are converted to the Vue version. If you need other pages you can reuse the HTML code from the default HTML version.

Regards Sean

Hi

You can use this way to update current page breadcrumb from component. We will add it in the docs.

  links: Array<PageLink> = [{
    title: 'Main title',
    path: '/',
    isActive: false,
  }, {
    title: 'Second title',
    path: '/',
    isActive: false,
  }];

  constructor(private pageInfo: PageInfoService) {
    pageInfo.updateTitle('Page title');
    pageInfo.updateBreadcrumbs(this.links);
  }

Thanks

Thanks, this works but there is an issue when I do this, and I’m using angular routing link, I don’t see the changes until I refresh the screen say be hitting F5.

I think it’s related to change detection since OnPush is the default so I injected the ChangeDetectionRef to call it, but that didn’t seem to fix it. Any ideas?

Hi,

Have you called this function to trigger the UI changes?

this.cd.detectChanges();

https://www.digitalocean.com/community/tutorials/angular-change-detection-strategy#exploring-changedetectorref-examples

Thanks