Hi,

Do you mean jQuery Datepicker plugin in Angular ngb-modal ? What kind of issue are you having ? Is it z-index issue where the datepicker is not shown over the modal ?

Regards, Sean

yes..

Hi,

You can use Google Material Angular datepicker component instead of using jQuery Datepicker plugin. jQuery datepicker and Angular are not developed to work together and we can not fix that issue since we can not control those plugins. We suggest to use Google Material components since there are fully Angular compatible.

Just a friendly reminder. In order to request a theme support you will need to have an active support subscription. To check your subscriptuon status or renew it you can go to the Metronic page and refer to the support info below the theme price panel. https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469

Regards, Sean

Hi

First of all thanks for choosing Metronic.

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation & Getting Started Using Gulp: https://youtu.be/d-pSVf8Xazk 2. Installation & Getting Started Using Webpack: https://youtu.be/gMUbZMdDRCo 3. Your First Project: https://youtu.be/yu0O2Y2NXxc 4. Customization: https://youtu.be/7PG5Qbg0-gM

If you need any further help please let us know.

Please follow us at http://twitter.com/keenthemes to stay updated.

Thanks

It wasn’t like this before, why now?

Hi

Due to increasing theme file size, we had to remove the Classic package. But we can provide it on request. Please email our support at support@keenthemes.com

Thanks

Hi

Thank you for your reply. It seem the animate.css is missing from webpack compilation. You can add below code somewhere inside this webpack js file; /theme/demo1/tools/webpack/vendors/global.js

// animate.css
require("animate.css/animate.css");

Thanks

Ah…it works.Thanks.

Hi ,

Glad that it worked for you.

Just a friendly reminder: please note that your support subscription has been expired and to request any further support you will need to have a valid support subscription. To review your support subscription please go to Metronic item page.

Regards, Sean

Hi,

As stated in the readme, documentation and video tutorials in order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation & Getting Started Using Gulp: https://youtu.be/d-pSVf8Xazk 2. Installation & Getting Started Using Webpack: https://youtu.be/gMUbZMdDRCo 3. Your First Project: https://youtu.be/yu0O2Y2NXxc 4. Customization: https://youtu.be/7PG5Qbg0-gM

If you need any further help please let us know.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Hi ,

Yes, we added this into our todo list and we will release the Wizard examples very soon.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Hi,

Yes, due to increasing theme file size we had to remove the classic package. But we can provide it on request. Please email our support at support@keenthemes.com

Regards, Sean

Hi ,

Thanks for the feedback. We will consider this in a future update.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Hi,

You have to download the latest version and integrate it from scratch. You can refer the general update guidelines here: https://keenthemes.com/metronic/?page=docs&section=update

Regards, Sean

Hi ,

Sure, we will add all flags in the next update.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Hi ,

Thanks for your feedback. The global static css features are available in all versions. But React and Angular versions do not include jQUery features from the Default HTML version. However React has it’s own UI framework – Material UI and Angular has own UI framework – Google Material.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Sorry,

I got it. it is in : webpack.config.js – section : const distPath

thank you

Hi

Glad you found it. Thank you.

Hi

All those 3 versions are included in the zip. Please find it in the theme folder. Default, Angular and React

Thanks

Hi ,

We will be releasing v6.1.1 in a few hours and Demo 2 react will be included as well.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Hi

You could find the Angular demo 1 app inside the zip. Please find it in this directory. /theme/angular/demo1

Let us know if you have any difficulties.

Thanks

Hi

Sorry for the delay. At the moment, could you please try to check and implement this plugin? https://www.npmjs.com/package/react-router-last-location

We will check on this issue further and provide necessary fix for it in the next updates.

Please send your support request to support@keenthemes.com. We will direct your email to our developers. Your technical issue would be resolved faster.

Thanks

Thanks PixelDots,

I was just wondering where I should implement it in the app, because I have tried using the documentation to add <LastLocationProvider> to App.js inside <BrowserRoute>, but didn’t work, I also tried the same with HomePage.js but didn’t work.

Any ideas are welcome. Thanks for the assistance

Hi,

Could you please provide your code in routing and login pages ? You can email our support at support@keenthemes.com for more easier communication.

Also please note that your support subscription has been expired and to request any further support you will need to have a valid support subscription. To review your support subscription please go to Metronic item page.

Regards, Sean

Hi

By end of today we are releasing Demo2 React. For rest of the demos will be released soon as well.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Hi

We have this known issue when using the latest version of dual-listbox (v1.3.0). To fix this, we should use previous v1.1.0.

Go to package.json file /theme/default/demo1/tools/package.json ​ Remove ^ mark from version number “dual-listbox”: “^1.1.0”, to like this “dual-listbox”: “1.1.0”,

Then remove node_modules folder and retry to reinstall using yarn.

​Let us know if you need further clarifications.

Thanks

Thank you. I will give this a try.

Hi

We have this known issue when using the latest version of dual-listbox (v1.3.0). To fix this, we should use previous v1.1.0.

Go to package.json file /theme/default/demo1/tools/package.json ​ Remove ^ mark from version number “dual-listbox”: “^1.1.0”, to like this “dual-listbox”: “1.1.0”,

Then remove node_modules folder and retry to reinstall using yarn.

​Let us know if you need further clarifications.

Thanks

Hi,

Yes, by right you can use the bootstrap mixins. May I know which Metronic version are you using ? Where are you writing your sass code ? Could you please provide us more details ?

Thanks.

Latest metronic. I need to have bootstrap as separate bundle. In this case I extracted it from style bundle, but I left imports rules of its variables (customized and yoused in some partials imported after bootstrap in style bundle. Next, I created dir pages, and for each page i create dir named with page name for example: index. Inside dir of page I have js, scss, pug (template engine) files with the same name I configured webpack to serve correct page entrys from pages directory. But problem in styles. For use variables/mixins defined in core framework config, and/or overrided partially with demo config, first of all I need to import this 2 config files. Next, for use bootstrap variables is little bit problem to chose, from what source I need to import needle files, because: 1) We have default bootstrap pack with it default variables (in your version it is imported from node_modules, in my version I just downloaded it in my directory locally) 2) We have bootstrap custom variables file, that override part of bootstrap variables

So, for use bootstrap functions, variables, mixins I think that needed to: 1) import 2 configs (framework, and selected demo) 2) import customized bootstrap variables 3) import bootstrap core non-renderable parts from source:

@import "functions"; @import "variables"; @import "mixins";

4) Maybe something else

And this sort of imports I need to make in each page It is very redundant!

Some situation with custom vendors build. For example: I needed to make custom vendor build which, for example, is not available on npm, i maked dir named components, inside it for each similar vendor, i created dir with structure, similar to page. For example: components/ckeditor —src (this is dir with downloaded bundle) - ckeditor.scss - custom styles of vendor component - ckeditor.js - custom js of vendor component

And in vendors/custom i created ckeditor.js file that imports that component js + style and bundled it in defined @output comment. So, if i needed to use any kind of variables, its not possible by default.

Maybe you look at your leisure on loader for webpack: sass-resources-loader in options, that generate sass you may pass config for it like that:

{ loader: 'sass-resources-loader', options: { // globally needed mixins, functions, etc. resources: require(path.join(process.cwd(), 'scss-resources.js')), }, },

scss-resources.js contents like this

const path = require('path'); const resources = [ '...', // framework config .scss '...', // demo config .scss '...', // bootstrap imports ]; module.exports = resources.map(file => path.resolve(__dirname, file));

In any case, I would be glad to hear from you any suggestions for solving the indicated problem. This is an architectural problem, and concerns the extensibility of the project based on your theme, following the your code style. And since in some files you use customized bootstrap variables, for any user be surprise to not get this posibility in vendors bundles or in pages code. Thanks for any help, ideas. You can contact by email, if that is problem to make large discussion in the comments)

Hi,

In order to apply Metronic’s bootstrap variable override you just need to include 2 main files:

// 1: Include global config
@import "config";

// 2: Include Bootstrap resources from the source
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

// 3: Bootstrap framework variables override by Metronic
@import "global/integration/frameworks/bootstrap/variables";

After these files you can include bootstrap or write any other SASS code and access Bootstrap’s mixins, overridden variables, etc.

Regards, Sean

Hi

Thanks for your feedback. We took note on this issue. We will fix this for the future updates. Today we will release some new updates and fixes, but not sure if we have time to fix this bug and include it in the next update. Otherwise, we will include it in the update after this release.

Thanks

Got you PiwelDots,

Hope you understand me why I mention that, I mean in order to begin for a well based Metronic. and don’t go for updates, because it is hard to maintain between updates.

so start from Metronic well version once for all.

thank you

Hi riterix,

We tried to make the best for it and to minimize the future issues.

Thank you