hey, just discovered there seems to be no class control for m-xs (mt-xs etc) or p-xs (pt-xs etc)... is it by design ?

Hi,

Please could I ask what the ‘Post’ div is for, that wraps the content div? (It’s on all pages)

As shown below:

<!--begin::Content--> <div class="content d-flex flex-column flex-column-fluid" id="kt_content"> <!--layout-partial:layout/toolbars/_toolbar-1.html--> <?php echo $this->toolbar; ?> <!--begin::Post--> <div class="post d-flex flex-column-fluid" id="kt_post"> <!--layout-partial:layout/content/_default.html--> <?php echo $this->content; ?> </div> <!--end::Post--> </div> <!--end::Content-->

The reason I ask is we’re using the Laminas (Zend) framework with the MVC model and it would be much simpler to

Typically we’d find a toolbar would be unique to each page or content, but with above design we’d have to inject the toolbar into the layout within the controller instead of passing it into the content view.

IE putting the toolbar within <?php echo $this->content; ?>

Any help with what the Post section does would be really helpful in deciding is we can do this?

We’re currently in the process of moving from Metronic 7 to Metronic 8, 7 doesn’t have this issue.

Thank you! Regards Jamie

Hi,

I think I’ve discovered a couple of glitches with the Metronic 8 builder.

a) On selecting a light aside theme and default minimised, the aside exported as dark and expanded as default.

b) Selected Content as Fluid, but exported as fixed

<div id=”kt_content_container” class=”container”>

I tried a couple of times, resetting in between exports.

Here’s an example export:

http://digitallines.net/downloads/metronic_html_v8.0.9-1621464004.zip

This is my complete selection:

Main tab
Loader: no

Header tab
Desktop Fixed: yes
Mobile Fixed : yes
Menu icon: SVG
Width: fluid

Toolbar tab
Display toolbar: yes
Layout: Toolbar 1
Desktop Fixed toolbar: yes
Mobile Fixed toolbar: yes
Width: fluid

Aside tab
Theme: Light
Menu icon: SVG
Fixed: yes
Minimise: yes
Default Minimised: yes
Hoverable: yes

Content tab
Width: fluid

Footer tab
Width: fluid

Finally, quick question, are there are there plans for dark header ?

Thank you! Jamie

Hey Guys,

Do you have any idea when the Vue 3 version will be coming? I’ve just started a project using Vue2/Bootstrap 4 and am wondering to hold off until you release the next version?

Thanks

i followed blazor documentation and able to run the app… but i have 2 questions, 1. how to set up its routing 2. will resources will be share over all components?

Hi Team, will it worth to wait for Metronic 8 Angular version.. I am working on a small web app which is I started with metronic 7 angular (Demo1). But if there are some great features coming as part of M8, I am happy to wait.

Also regarding the HTML version, if I use that for my angular application, does all the components compatible with Angular or is it a wrong decision to use html template for angular

Hello, Just want to let you know that the Metronic 8 builder doesn’t work properly, 1. the font icon for both menu and header wont populate after downloading the export(still seeing the SVG icons). 2. Chat drawer is not included on the exported download

Hi. When can we expect Angular version for Metronic 8?

Documentation missclick.

On https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/blazor.html

Setup Theme Dependencies:

Point number 2. Copy following code and paste it into file scripts.js.

....... ....... // Layout base js window.KTApp = require(’./js/layout/app.js’); window.KTLayoutAside = require(’./js/layout/aside.js’);š <-

This caracter “š” shouldn’t be here.

Hi, Please support Blazor WebAssembly, i already try to adapt blazor server to blazor webassembly and i’am getting errors, missing little things here and there and when rezising the window i get a lot of error, saying cannot update() with null value.

i like this theme, but i only want css and html from it, since the objective is to renew the UI of the application that already exist and it must be ultra light weight and fast as possible.

It is possible to release a ultra light weight of this theme? Blazor WASM if possible.

Regards.

Hi team,

When i am running the command “npm run dev” with Laravel8 and metronic 7 i am getting this error :

ERROR in ./resources/js/src/router.js 9:13-43 Module not found: Error: Can’t resolve ’@/view/layout/Layout’ in ‘F:\2020_WorkingArea\laravel_metronic\resources\js\src’

ERROR in ./resources/js/src/router.js 507:15-62 Module not found: Error: Can’t resolve ’@/view/pages/auth/login_pages/Login-1’ in ‘F:\2020_WorkingArea\laravel_metronic\resources\js\src’

ERROR in ./node_modules/vuetify/lib/presets/default/index.js 2:0-39 Module not found: Error: Can’t resolve ‘sass-loader’ in ‘F:\2020_WorkingArea\laravel_metronic’

ERROR in ./resources/js/src/App.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | <router-view></router-view> | </template>

ERROR in ./resources/js/src/view/pages/Builder.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <!-begin::Notice->

ERROR in ./resources/js/src/view/pages/Dashboard.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <!-begin::Dashboard->

ERROR in ./resources/js/src/view/pages/custom_pages/CustomPages.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | <transition name=”fade-in-up”> | <router-view></router-view>

ERROR in ./resources/js/src/view/pages/custom_pages/Profile.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <!- Error demo pages -> | <template> | <transition name=”fade-in-up”>

ERROR in ./resources/js/src/view/pages/plugins/Cropper.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <template> | <transition name=”fade-in-up”> | <router-view></router-view>

ERROR in ./resources/js/src/view/pages/plugins/Treeselect.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <!-begin::Notice->

ERROR in ./resources/js/src/view/pages/vue-bootstrap/Alert.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <!-begin::Notice->

ERROR in ./resources/js/src/view/pages/vue-bootstrap/Badge.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | <transition name=”fade-in-up”> | <router-view></router-view>

ERROR in ./resources/js/src/view/pages/vuetify/Alerts.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | <v-app> | <transition name=”fade-in-up”>

ERROR in ./resources/js/src/view/pages/vuetify/forms/Autocompletes.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | | <template> | |

ERROR in ./resources/js/src/view/pages/wizard/Wizard-2.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | |

ERROR in ./resources/js/src/view/pages/wizard/Wizard-3.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | |

ERROR in ./resources/js/src/view/pages/wizard/Wizard-4.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <template> | |

ERROR in ./resources/js/src/view/pages/wizard/Wizard.vue 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <!- Wizard demo pages -> | <template> | <transition name=”fade-in-up”>

webpack compiled with 83 errors

I tried to apply this fix found in the comment but still having the error :

mix.webpackConfig({ output: { chunkFilename: ’js/[name].js?id=[chunkhash]’ }, resolve: { alias: { ‘vue$’: ‘vue/dist/vue.runtime.esm.js’, ’@’: path.resolve(__dirname, ’resources/js/src/’) }, }, })

Thnaks in advance for your help.

Hi Team,

Just Now I have Purchased.

I have impressed this elements and features or components

https://preview.keenthemes.com/metronic/demo3/index.html

But In the React very few features :

https://preview.keenthemes.com/metronic/react/demo3/dashboard

Kindly concentrate and upgrade accordingly into react as well.

Thank You

Hi team i am facing this error when tring to integrate metronic in laravel 8 : Unable to locate Mix file: /css/app.css.

Thanks in advance for your help

Hi, I couldn’t see most of the things in the React demo like Calendar. When i buy it, does it all come together in react?

Where i can find and download figma file for the template design ?

Do you have a similar referrals in Metronic 7 as this https://preview.keenthemes.com/metronic8/demo1/account/referrals.html

Thanks!

Hey

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

1. New Pages:

– Team.
– Licenses.
– Sitemap.

2. 3-rd Party Plugin Integration:

– Clipboard.js
– AmChart Charts.
– AmChart Maps.
– AmChart Stock Charts.

3. Updates & Improvements:

– Blazor Integration docs.
– FormValidation v1.8.0.
– User Management app.
– Subscriptions app.
– Customers app.

Next up:

1. Demo 1 Laravel:

– Full layout integration.
– Layout Builder.
– Menu generation from config.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.

2. Demo 1 Vue 3 with Typescript support:

– Composition API.
– Full Layout Integration.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.
– Layout Builder.
– Element Vue 3 UI Library integration.

3. More:

– Demo 2 HTML.
– Demo 3 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.

Stay tuned on endless updates to empower your projects!

Regards, Sean

Awesome theme guys, is it possible we can have access to Figma or sketch files of the design of metronic 8?

Thank you!

Hello team. Angular demo2 view is not updating on API calls. Could you let me know what is the error.

Hi Keenthemes,

Little bug, i Guess :

1 – On “User’s Schedule” Panel it appears that DateTimePicker month selection is not droping down for month selection in the Modal ON “Add Schedule” button: https://preview.keenthemes.com/metronic8/demo1/apps/user-management/users/view.html

2 – Same thingin the same page on “User’s Tasks” Panel : https://preview.keenthemes.com/metronic8/demo1/apps/user-management/users/view.html

Thank you.