Hi,

We just checked the below code and it worked as expected. In this case pb-xl-20 will be applied.

py-xl-5 pb-xl-20

Please note that those Bootstrap utility classes works as they should work in the original Bootstrap 4x library.

If you need any further info you can check the official Bootstrap 4x docs: https://getbootstrap.com/docs/4.6/utilities/spacing/

If we can help with anything else please let us know.

Regards, Sean

Hi,

We will announce the ETA soon when we have some progress on the dark skin integration.

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

Regards, Sean

Thank you for your fast reply!

Do you advice us to hire somebody to realize the dark skin changes for us, since you need more time? Or will it be worth to wait a little more because it would be a waste of money?

Best regards!

Hi,

We have some many upcoming features for Metronic v8 and we understand users want to know the ETA but giving ETA and managing the delivery accordingly is not possible with such a massive theme like Metronic. All we can is doing our best to deliver it as soon as possible.

If you need it urgently you may try to make your own dark theme version by globally overring the color variables in _variables.scss file under your “src/sass” folder. We can direct you as much as we can if you need any help.

Regards, Sean

Hi,

May I know what is your Metronic version and which page/app are you referring to ? By right each page/app comes with custom JS script in “src” folder and you can edit it and compile with gulp/webpack.

For any further help you can contact our support directly via support@keenthemes.com

Regards, Sean

Hi ,

Noted, we will check it in a future update.

Regards, Sean

Hi ,

Thanks for your feedback. We just fixed the support URL as it should have leaded to https://keenthemes.com/support.

You can contact our support via support@keenthemes.com

Regards, Sean

Hi, lamparolho

We don’t support NextJS.

Regards, Keenthemes support

Hi,

Which fluid option did you use? We checked, the option is working for preview

Thanks

Hi, mikanolingga

Could you please write us ‘support@keenthemes.com’, attach your error screenshot and write the env details (NodeJS/NPM/Metronic versions)

Regards, Keenthemes support

Hi ,

We are almost done with it and now preparing for release hopefully within this week. We will release an improved Laravel version with useful feature to make server side coding easier with Metronic + Laravel.

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

Regards, Sean

Hi ,

We will try to release it within 1-2 weeks. However it’s hard to confirm any ETA but we will do our best.

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

Regards, Sean

Hi ,

Noted, we will fix it in the next update. You can fix it by adding below hot fix in theme\html\demo1\src\sass\vendors\plugins\_datatables.scss>

.dataTables_pager {
    position: relative;
    z-index: 1;
}

and recompile the theme assets.

Regards, Sean

Hi ,

Thanks for your feedback and suggestions.

We will take into account your remarks and feature requests in a future updates. We really appreciate your feedback.

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

Regards, Sean

Hi,

Please note that all versions(HTML. Vue, Laravel, etc) use the SASS and CSS is compiled from SASS source code by Gulp/Webpack tasks. If you need any further info please contact our support via support@keenthemes.com

Regards, Sean

Hi ,

Yes, we have improved some js code to support those older browsers. We are glad that this helped your customers.

All the best with your projects.

Regards, Sean

Hi ,

Sure, we are working on it with the highest priority and the React 17 version with with Typescript will be released soon.

Regards, Sean

Hi,

Metronic has 2 types of bundles(global and sub bundles). The global bundle includes the core features that used in all pages while sub bundles such as datatable.bundle, fullcalendar.bundle can be included on demand. Nowadays the bundle approach the most preferred way of including assets in your pages since single bundle is loaded more faster than separate files and it’s kept in the browser cache which speeds up subsequent pages loading.

Regarding demos, all demos come with own assets/source folder so you do not need to use other demos if you need only demo1.

For more info please check the theme documentation https://keenthemes.com/metronic/?page=docs and video tutorials or contact our support at support@keenthemes.com

Regards, Sean

Hi,

Thank you for the replay.

We don’t want to load all the scripts in the bundle. We need to use only required components (global or sub) and remove unwanted components. That’s why we need separate JavaScript files to segregate.

Is it possible you to provide the HTML theme with separate JavaScript files instead of bundle file ?

Thank you.

Hi,

We do not have non bundle version of the theme since it is not in high demand and maintaining 2 versions of such massive theme is technically hard.

Dependency handling is quite easy when you use core bundle. You can also minimize the bundle content by removing unused plugins from your Gulp config or Webpack config depending on which builder you use. If you are using Metronic v7 you can check this video https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes to understand how to manage the bundle contents and remove unused plugins.

If you really need to separate the bundle content into separate files you can follow the gulp config file and refer to the mandatory section files and just include the css/js from node_modules after you perform yarn command to install all the dependencies.

For more info about the file structure you can check this video as well https://www.youtube.com/watch?v=oK0JRtieydo&ab_channel=KeenThemes

Regards, Sean

Hi ,

We are preparing Metronic 8 Vue 3 version and it should be released very soon. Stay tuned for updates via support@keenthemes.com

Regards, Sean

Hi ,

Thanks for dropping a line.

Metronic v8 Laravel will be out really soon as it’s almost ready and we are in the final testing/refining stage. For sure, Bootstrap 5 SAAS and Webmix integration will be provided for Laravel version of Metronic v8.

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

Regards, Sean

Hi ,

To change the font familiy globally you will need to change it in the SASS variable($font-family-base) and in the HTML also by selecting a new font here https://fonts.google.com/:

<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<!--end::Fonts-->

Then you will need to recompile the theme with Gulp or Webpack.

Regards, Sean

I already watched your tutorial before leaved this question

SO I know the the solution you proposed, But there is NO SASS variable ($font-family-base) in v.8.0.6 AND many file use the SASS variable ”$font-family-sans-serif” directly in v.8.0.6

Oh If you are working with v8 please change the below sass variable in

demo1\src\sass\components\_variables.custom.scss:

// Font family
$font-family-sans-serif:                            'Roboto', sans-serif;

Hi ,

Metronic v8 has extended Apps with complete CRUD solutions: https://preview.keenthemes.com/metronic8/demo1/apps/customers/list.html

As you can see the apps are fully functions and with your server side integration it can be fully functional module.

Also we have a new documentation with very detailed documentation a list of form plugins as well: https://preview.keenthemes.com/metronic8/demo1/documentation/forms/select2.html https://preview.keenthemes.com/metronic8/demo1/documentation/forms/dropzonejs.html

We will keep adding new plugins and also more CRUD examples in a future updates.

Regards, Sean