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

Hi,

Thank you for your feedback. We will check this issue and provide the fix for it.

Thanks

Hi

We requires more information about the issue. Do you mean this tab? Please check the screenshot in the link below.

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

Thanks

Hi! Thanks for answer. But that is the thing with scrollable – it scrolling, but some how in one point it reach some limit and do not show all items. Please try your self. Basically items hides behind logo.

Hi ,

Good spot. We will release the fix in the next update. In the meantime you can fix it easily by just adding “my-auto” as shown below:

<div id="kt_aside_menu" class="menu my-auto ...">...</div>

Regards, Sean

nice . Thank!

Hi,

Thanks for your interest in Metronic. We are working on Metronic 8 Angular and in a few weeks we will start releasing major updates including CRUD, Google Materail UI integration, etc.

If you like to proceed with refund please contact our support via support@keenthemes.com

Regards, Sean

sory i forgot.. how to make a little narrow between

to .. because my table has many columns so gap to large

Hi,

For the bootstrap select element you should add data-container=”body” to fix the overfow issue caused by it’s parent.

Regards, Sean

Hi,

Are you using local data source. The KTDatatable local search only support “like” filter. To use exact filter, you have to use the remote data source.

You can check the sample of remote datasource here theme/html/demo1/src/js/pages/crud/ktdatatable/base/data-ajax.js

Thanks

Hi,

First of all, please try to get the latest Metronic v8.0.28. To use the Bootstrap Dropdown you can remove the overflow-hidden class. As an alternative solution you can use KTMenu as we used in demo1.

Regards, Sean

Hi,

Thank for your feedback. We will double check it further and try to provide a fix in the next update. If you need this quick fix urgently pleas e contact our support via support@keenthemes.com and we will provide you the hot fix.

Regards, Sean

Hi,

Our angular use the components from ng bootstrap. Please use the modal function from ng-bootstrap. Please check here for more information.

https://ng-bootstrap.github.io/#/components/modal/examples

Thanks

Thanks!