Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,678 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12202 comments found.

You have an error in Laravel version – when resetting the account password.

$request->theme()->getPageUrl(‘token’)

https://preview.keenthemes.com/metronic8/laravel/reset-password/b21671e619d2c410e815e7cdda4fcba88f77835deccb536fe26855dfa12377e0?email=info%40jadamec.sk?demo=demo1

Hi, :)

Could you please replace your file with these files? We have double checked it and fix the issue. We will include the fix in the next updates.

https://drive.google.com/drive/folders/1_Csdj8ntaikTnFSaWDQEsaaBrB3dEhnP?usp=sharing

app/Http/Controllers/Auth/NewPasswordController.php resources/views/auth/reset-password.blade.php

Thanks

Nice, it works like a charm now! Thanks. :)

Glad it worked. :) Feel free to let us know if you need help

It’s a great looking theme packed with features, but the documentation leaves a lot to be desired. Especially the Laravel version. The project is massive and complex. I would like to add a jQuery plugin to the project, but I don’t even know where to start. Trying to get an answer from their support team is impossible. They just keep replying with “we’ll add that in a future version” instead of giving me step by step instructions on how to add a plugin. Unfortunately, it’s pretty useless if you can’t customize it.

Hi :)

We list down all the jquery plugins in this file; resources/assets/core/plugins/plugins.js

You may add your own jquery plugins here.

The output file will be public/demo1/plugins/global/plugins.bundle.js

Thanks

Hi! Is there in the documentation on imput:radio, the same as in authentication? (https://preview.keenthemes.com/metronic8/demo7/authentication/extended/multi-steps-sign-up.html)

Hi :),

Thanks for your interest in Metronic.

You can check available radio check options here: https://preview.keenthemes.com/metronic8/demo1/documentation/base/forms.html

The one used in a multi-steps-sign-up.html page based on Bootstrap button https://getbootstrap.com/docs/5.1/forms/checks-radios/ check and Metronic extended classes.

if you need any further help please contact our support via support@keenthemes.com

Regards, Sean

In Metronic 8 on Account page examples (https://preview.keenthemes.com/metronic8/demo1/account/overview.html) I think you can try to improve the horizontal menu responsiveness.

This type of pages is very useful for manage users account but I don’t think that the horizontal scroll in the menu below is the best approach.

Many users will not find that need to scroll horizontal to access all options in a small device, I have updated my website and find that some users are having this problem.

Hi :),

Thanks for your suggestion. We will probably push it into a new row in the next update. Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Demo 8 Laravel please please

Hi :),

Sure, we will release it as soon as possible!

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

Regards, Sean

Hey Guys,

We are trying to use select2 with remote data search (Ajax). When we try to initialize it via the method shown in the select2.org site, we are getting an error saying select2 is not a function.

If we use the default metronic initiation, then via data-attributes we add data-ajax—url but the results are not transformed and shown in search.

Could you please help ?

Regards, Infozer

Hi :),

For an advance Select2 setup you will need to initialize it without html data attributes as per Select2 documentation. By right if you initialize it without interaction with the Metronoc’s select2 wrapper code defined in app.js then everything should work as expected.

May I know are you calling your custom code on document ready event when all dependency js/css code is fully loaded ?

// On document ready
KTUtil.onDOMContentLoaded(function() {
    // your code here
});

Regards, Sean

Hi,

Yes, we are calling the select2 initialisation function on document ready and we have removed the data-attributes as well.

The code for the input field is

<select name="company_name" id="company_name" value="" class="form-control>
<option></option>
</select>

The function call is

KTUtil.onDOMContentLoaded(function() {
                // your code here
                    $('#company_name').select2({
                        ajax: {
                            url: '/purchase_order/get/pos?type=material',
                            processResults: function (data) {
                            // Transforms the top-level key of the response object from 'items' to 'results'
                            return {
                                results: data.items
                            };
                            }
                        }
                    });
            });

This results in an error stating that select2 is not a function.

Hi,

Can you try to check if your page fully loads the plugins and styles bundle javascript files ?

The error “select2 is not a function” means Select2 JS is not loaded.

Can you please contact our support via support@keenthemes.com and provide a test link to your site and we will test it online.

Regards, Sean

hi, I bought the theme but the theme 11 in HTML format is missing

Hi,

Have you try to download the latest version v8.0.25? You can find the html demo11 in this folder

/metronic_v8.0.25/html/theme/demo11/dist

Thanks

Hello, So as I understood from your doc… Your tables componant in vue version are wraper of datatables.net tables, I am right? Can I use the server-side option from datatables.net in your datatable. Thank you

Ok I understand… just can you please provide a server side + doc ASAP because my client’s project in depending and it depende on it.

And I might loose the client because of that

Hi,

The datatable component doesn’t support server-side pagination and sorting, but you still be able to fetch data from your server through API inside the parent component.

Fetch all data which you would like to display in a table and then pass it into the component using table-data prop of Datatable component and the component will handle sorting and pagination.

Server-side functionality will be available in 2 weeks.

Regards,
Lauris

Hello Keenthemes,

You guys have done amazing job with this Metronic!

I have two questions:

1. Do you have something like reference page/source/directory where we can see which real apps(not demo pages) has been build using Metronic?

2. How I can been invited to github repo ?

Thank you very much! Keep it with good work!

Hi :),

We have the Laravel version of Metronic which is a real app with database connection and fully working pages/modules. https://preview.keenthemes.com/metronic8/laravel/login?demo=demo1 More Laravel demos here: https://keenthemes.com/metronic/

Regards, Sean

Hello Sean,

I don’t know you’re reading or not what I’m asking.

Real app is not DEMO application that has been build by you guys. You’re demos are awesome and I like them. But I’m asking for real application for example that apple.com has been build with Metronic and so on. Thank you.

Hi,

Oh, we do not have that kind of app. All available solutions you can see in keenthemes.com/metronic.

Regards, Sean

I need treeview in any angular app like this: https://preview.keenthemes.com/metronic/demo4/features/miscellaneous/treeview.html It will be great help if I get this. Did you have this in any angular app?

Hi,

This is a jquery based plugin and can not be used in the Angular version. We will check this further and consider adding a tree component it in a future release.

Regards, Sean

Hi, thanks but please add a tree component in angular app please. I need it badly.

Sure, we will check it further.

Do you plan on Integrating Material-UI v5 in Metronic v8 React Application demo 1, the same way you integrate react bootstrap 5? Thanks.

Hi :),

Thanks for your feedback.

We will check Material-UI and plan to integration it in a future update.

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

Regards, Sean

Hello everyone, version 7 of metronic is throwing the following warning from the console: Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced. To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData. Note that for performance reasons, only the first access to one of the properties is shown.

plugins.bundle.js: 1

Hi,

Probably this is cased by the latest Chrome’s version. Can you try to run “yarn” command in your tools folder to update packages ?

Regards, Sean

Hi, demo 2 and demo 5 links are wrong on website :)

Hi :),

Good spot. We will fix it asap. Thanks!

Regards, Sean

I want to download Metronic old version. How can I do?

Hi :),

Thanks for your interest in Metronic.

To get the Metronic v7 version you will need to register for Metronic Github repository following the below instructions: https://keenthemes.com/metronic/?page=github

Upon successful registration you can get access to the Metronic Github repo https://github.com/KeenthemesHub/Metronic and switch to Metronic 7 branch and download it or clone

If you need any further clarifications please let us know.

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

Regards, Sean, Keenthemes Support

Hi keenthemes ,i found a lot of components in html folder but it use jquery. how can i integrate it with reactjs project.

Metronic version 7 Please help

Hi :),

Thanks for your interest in Metronic. All the HTML/CSS components can be used in React without any issue while jQuery based components can not be used.

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

Regards, Sean


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Version:
– Bootstrap 5.1.1 Update.
– Tiny Slider Plugin Integration.
– Bootstrap Maxlength Plugin Integration.
– CountUp Plugin Integration.
– Select2 Integration with Bootstrap Input Group.
– KTMenu Improvements.
– Video Tutorials from the Core Team.
– Documentation Improvements.

2. HTML Demo 11 – Light Dashboard:
– Dark Mode.
– Advanced Layout.
– Horizontal Menu.
– Aside Menu.
– User Settings.
– Header Toolbar.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.

3. Vue Version:
– Bootstrap 5.1.1 Update.
– In-house Datatable Component.
– In-house CRUD Solution.
– Customers App.
- Customers CRUD.
- Customers View.
- Sales Widget.
- Progress Widget.
- Earnings Widget.
- Contributors Widget.
- Summary Widget.<be> – KTMenu Improvements.
– KTDrawer Improvements.
– Documentation Improvements.

4. Laravel Version:
– Bootstrap 5.1.1 Update.
– Demo 5 Integration.
– Core Layout Improvements.<be> – KTMenu Improvements.
– Documentation Improvements.

5. Angular Version:
– Bootstrap 5.1.1 Update.
– Dark mode support.
– KTDrawer Improvements.<be> – KTMenu Improvements.
– Documentation improvements.

6. React Version:
– Bootstrap 5.1.1 Update.
– KTDrawer Improvements.<be> – KTMenu Improvements.
– Documentation Improvements.

Next Up:

1. Laravel Version:
– CRUD Solution.
– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.

2. More:
– Demo 12 HTML.
– Demo 14 HTML.
– Demo 15 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– React CRUD Solution.
– Angular CRUD Solution.

Stay tuned on endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Hi :),

Check our our latest video tutorial about managing Metronic with gulp: https://youtu.be/UGDsQLADmaM

Subscribe to our channel for more videos

Regards, Sean

i face many issue in laravel in demo any related document to implement in laravel 8

Hi :),

Thanks for your interest in Metronic!

Could you please contact our support via support@keenthemes.com and provide more info ? Which version are you using ? Are you using the Metronic 8’s official Laravel: https://preview.keenthemes.com/metronic8/laravel/login?demo=demo1

Regards, Sean

i tried demo 2 html with client side blazor, but some functionalities are not working properly like menus click.

Hi,

Please make sure that you have included all required scripts.

To get the menu components working include the line below in the scripts.js file in your Blazor app.

window.KTMenu = require('@/src/js/components/menu.js');

Regards,
Lauris

@surfaap you can override the height like this:

.tox-tinymce { height: 300px !important; }

Hello,

Thanks a lot for your contribution.

Soon we are going to launch our support forum at devs.keenthemes.com for a better communication where everyone will be able to participate in all public topics.

Best Regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey