Hi ,

We are working on it and trying to release it this week Angular 8 Demo 1. Demo 7 will be released later.Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Nice to know, did you think that demo 7 will be available this year in angular? We like a lot of this interface !

Hi ,

We will try to release more demo integration for the Angular and other SPA frameworks.

Regards, Sean

Hi ,

We are working on it and trying to release it this week. Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi ,

You can check noUISlider plugin https://preview.keenthemes.com/metronic8/demo1/documentation/forms/nouislider.html

Regards, Sean

Hi,

Using the noUISlider plugin would be an alternative, but I was looking for something simple

I ended up creating this code, it served what I needed.

As always, thank you so much for your attention!

<div class="d-flex flex-column w-100 me-2">
 <div class="d-flex flex-stack mb-2">
                                                <span class="text-success me-2 fs-7 fw-bold">73,23%</span>
                                            </div>
                                            <div class="d-flex">
<div class="d-flex flex-column w-100 me-2">
    <div class="d-flex flex-stack mb-2">
        <span class="text-success me-2 fs-7 fw-bold">73,23%</span>
    </div>
    <div class="d-flex">
        <div class="progress justify-content-end rounded-0 rounded-start h-6px w-50 bg-secondary">
            <div class="progress-bar bg-danger rounded-start" role="progressbar" style="width: 0;" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" />
        </div>
        <div class="progress rounded-0 rounded-end h-6px w-50 bg-secondary">
            <div class="progress-bar bg-success rounded-end" role="progressbar" style="width: 73.23%;" aria-valuenow="73.23" aria-valuemin="0" aria-valuemax="100" />
        </div>
    </div>

</div>
</div></div>

Hi ,

Great! Thanks for sharing this and we will have a look. All the best with your project!

Regards. Sean

Hi ,

We are targetting to release the Metronic v8 Angular version within this week.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi ,

Sorry for the delay. Yes, we are doing our best to release this week.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi ,

We are targetting to release the Metronic v8 Angular version within this week.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi ,

Thanks for your feedback on this. It’s in our todo list and we will provide it as soon as possible.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi,

We are doing our best to release by end of this week. Please note that we usually give our target date for releases and sometimes it may take longer due to unexpected complications when you deal with 3rd-party libraries. I hope for your understanding on this.

Regards, Sean

Hi ,

Could you please clarify your question ? Which custom plugin are you referring to ? Please contact our support via support@keenthemes.com and provide more details for your question.

Regards, Sean

Hi ,

Thanks for your interestin Metronic.

Yes, In Metronic 8 you can check the Draggable plugin integration here: https://preview.keenthemes.com/metronic8/demo1/documentation/general/draggable/cards.html

Resizeble card will be added in the near future.

Regards, Sean

Thanks dear what about metronic 7 is this feature there?

I checked metronic 8 and it is perfect, if resizable is add will be both great

I noticed that some links in this page is not working, links below “Initialization”

Hi ,

Sure, we will fix those broken link issues for Metronic v7. Please double-check it in a few hours.

Thanks for informing this. Good spot!

Regards, Sean.

Hi,

Please check the docs here at the step number 14.

https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

Have you enable the storage link?

php artisan storage:link

Thanks

I have a spreadsheet that I will love to convert to a dashboard like this. I wish there will be ways to share the excel spreadsheet to author to see if is possible

Hi ,

Thank you for your interest in Metronic.

Metronic is can be used as a starter kit for any web application. For excell like features you can use the DataTables plugin’s KeyTable extention: https://datatables.net/extensions/keytable/ and for exporting table data in excel format please use https://datatables.net/extensions/buttons/.

The DataTables plugins comes integrate with Metronic and you can refer to the plugin’s documentation: https://datatables.net/

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

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Are you using provided vue3 theme in zip or it is your own customization?

In the provided theme we are not using this bundled file.<be> In vue3 you can use ts components to work with dropdowns, drawers, etc.

You can initialize ts component by calling reinitialization function.

ComponentName.reinitialization();

Regards,
Lauris

Hi,

Please make sure that you are using the correct doc.

For Metronic 8 vue+laravel integration use doc below: https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration

Regards, Lauris

Hi ,

Thanks for your interest in Metronic. We will be releasing the Metronic v8 Angular within the next week. At the moment we are doing final testing and release preparation.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

We are sorry that you are faced with some difficulties. Could you please contact our support and describe your issue?

Email: support@keenthemes.com

Hi Gideon!

We will be integrating new pages for the React version gradually.
Yes, you can reuse any of the HTML version functionalities in React.

The instruction will depends on the page which you are trying to integrate. Mostly you just need to copy required js/sass/html code into React version and then initialize required js files in your page component.

Check html version doc: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html

Regards,
Lauris

Thanks Lauris, very helpful! Can I also ask please where I can find your icons in metronic v8.0.23?

If I follow the .svg paths shown on https://preview.keenthemes.com/metronic/demo1/features/icons/svg.html Then I find that the file structures are different in 8.0.23 so I can’t find the icons I desire. I was hoping to have the folder structure as shown on the demo there. Any tips? Or even if I can just download the previous version with that old file structure from somewhere so I can select and find those .svg’s easily?

Thanks!

Hi,

In Metronic 8 we are using a new icons set.

You can check icons set doc here: https://preview.keenthemes.com/metronic8/demo1/documentation/icons/duotune.html

Regards,
Lauris

Hi ,

You we most welcome!

Yea, our Dark Mode solution awesome! Now all demos can have their dark modes and the Demo 6 Dark Mode will be released within the next week.

Regards, Sean

Thaaaaaank you Sean.

Hi ,

Yes are on it now, hopefully we can release it in the next week!

Stay tuned!

Regards, Sean

Hi, when you change the ID from the HTML, you’ll also need to change it within the JS. Assuming you’re talking about the customer list page, the JS is located at: /assets/js/custom/apps/customers/list/list.js

Once you’ve found the JS file, scroll to about line 263, where you can find the ID definition for the table. Replace the old name with the new one you’ve replaced with then rebuild your assets.