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,849 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12208 comments found.

Hi, how can i put this paginator into a middle of card footer? thanks https://prnt.sc/104ccqw

Can be put anywhere, in the footer as well.

I use Pill Tabs as you recommended, but still i can’t put it in center. Is it possible to center it? https://prnt.sc/1055u7j

Hi,

You can use flex classes to center the pagination:

<div class="d-flex justify-content-center align-items-center">
<!--put your pagination code here-->
</div>
For more info please check: https://getbootstrap.com/docs/4.6/utilities/flex/

Regards, Sean

Hello,

Please let me know how do I stop hiding offcanvas when clicked outside?

Hi,

You just need to set overlay: false as explained in the doc: https://keenthemes.com/metronic/?page=docs&section=html-components-offcanvas

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

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

Regards, Sean

Hi Sean,

Thanks for the reply.

Hello, Do you have a release date planned for demo 6 in reactJS ?

Hi,

We are not working on Bootstrap 5 version of Metronic and those demos will be released later once we complete this major update. At the moment we can’t give any ETA but we are doing our best to release them as soon as possible.

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

Regards, Sean

Hello there, Asesst files do not install. Please send me html css files urgently or cancel order! I cannot install, assesst folder does not come. I cannot.

Hi,

First of all thanks for choosing Metronic.

In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.

Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.

We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.

Please note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.

You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs&section=html-build-tools and install the build tools and generate the assets by your own in a few minutes.

If you need any further clarifications please contact our support at support@keenthemes.com

Regards, Sean

I do it the way you say but it doesn’t work

Hi,

Can you please contact our support via support@keenthemes.com and provide screenshots of command line tasks output ? Where did you stuck and what issues you had ?

Regards, Sean

Dear Metronic Team,

I wanna use your authentication service from your React projects, I know how you handled authentication service(Token-Base) But I do not have any idea about your Logic and I can’t find its document anywhere!

Also about other services such as Redux or etc.. all goes the same. Topics like “handling sending a request to an API” or working with your “E-commerce module”, All go to the same thing.

please help me to figure it out. thank you.

Hi dejavupink,

Please mail us ‘support@keenthemes.com’, then we will try to help you.

Regards, Keenthemes support

If there is no Vue template available, Can I integrate the HTML template available with Vue.

For example, there is no Apps templates like TODO, Files etc available for Vue. Will I be able to use the HTML templates available for these apps, use with Vue? Please advise. Also provide any documentation or guidance for this.

Hi,

Sorry for the late reply.

Html pages are compatible with Vue I guess that the only problem might be with plugins, some of them require jQuery.

Sorry but at the moment we do not have such a tutorial.

Thank you!

V7.2.2 download without css js and how to fix it?

Hi!

Since Metronic v7.1.5 update the precompiled assets folder is no longer included. In the download package only the source files are included and the assets folder must be generated. by using the build tools so in order to launch the theme you will need to generate the “assets” folder from “src” folder by installing the build tools and running the build tasks in command line.

​The good news is you can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs&section=html-build-tools and install the build tools and generate the assets by your own in a few minutes. This approach is nowadays defacto for all developers so we encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.

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

Hi, How can I accomplish a full screen dropdown? Does a full screen example exist or can you please show me how to modify the drop down ‘Shopping Cart’ to become full screen? Many thanks.

Hi,

Sorry for the late reply. The full screen dropdown is not available since there option is not a common for websites. You may consider using full width Bootstrap modals instead. If you need any further help please contact our support via support@keenthemes.com

Regards, Sean

I got summernote icons problem. Failed to load resource: the server responded with a status of 404 () .../plugins/global/font/summernote.woff2

and there’s no folder inside resources ”/plugins/global” etc. and it doesnt returns any font.

how can I resolve this?

Hi,

Could you please share which page you found this error? Please send the screenshot, we will check it further.

Thanks

Hi, I’d like to use demo 7 with Vue. This is a great demo but simple tables and data tables under vuetify menu gives 404. Why? should I wait for some upgrade? greetings to the whole team

Hi,

Looks like route links are wrong in the menu component. We will fix it in upcoming updates.

Now you can use these paths to access Vuetify table pages:

/vuetify/simple-tables

/vuetify/data-tables

Thank you!

We are a new startup and we only have basic knowledge of using HTML, CSS, Bootstrap templates and we only know core php for backend, we have bought this template and we read the tutorials and now we are confused how to extract and use files for our project, please help!

Hi,

It depends on your requirements if you would like to use all Metronic functionality you can just copy Metronic folder and place it inside your project. Or you can extract needed pages and files and use them.

Check out our video tutorials: https://www.youtube.com/channel/UCpclVCv8nFxAa4chSkW8-_Q

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

Thank you!

Hi ,liked your theme very much.Is there a laravel + Vue integrated theme ? If not are you planning to add it in near future ?

Hi,

At the moment we do not have the Laravel+Vue integrated theme. We have plans on Laravel+Vue integration but we can’t promise when we will release it.

You can check our Laravel+Vue integration guide it will help you to make a basic integration: https://keenthemes.com/metronic/?page=docs&section=vue-laravel-integration

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

Thank you!

Sean sorry, The second Share.svg is the same as first. ../src/media/svg/icons\Communication\Share.svg

as examples on the page they have the same path: https://preview.keenthemes.com/metronic/demo1/features/icons/svg.html

<img src="/metronic/theme/html/demo1/dist/assets/media/svg/icons/Communication/Share.svg" />

correct path: <img src="/metronic/theme/html/demo1/dist/assets/media/svg/icons/Files/Share.svg" />

Hi :),

Thanks for the detailed info. Noted, we will check it and fix in the next update.

Regards, Sean

I love this template but I need to use nuxtjs. Do you guys start to develop this great template to nuxtjs version?

Hi,

Sorry but at the moment we are not working on nuxtJS version. We will provide a dock with a guide for such integration in the upcoming future.

Thank you!

Dear Support,

question concerning: https://preview.keenthemes.com/metronic/demo1/features/custom/callout.html

If use dropdown menu with callout instead button. The dropdown menu has not correct position and hide behind border of card or card-body. Kindly advise any solution based on your themes and without uses of custom css. Thanks & regards, Vlad

Hi,

This is causes by the original Bootstrap Dropdown limitation where the parent has overflow:hidden property the dropdown is misplaced. Can you try to use the dropdown on a callout without “bg-dioganal” class ? In Metronic 8 we will be releasing our own KTMenu plugin that handles any type of popup dropdown display.

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

Regards, Sean

You are most welcome :) All the best with your projects!

With version 7.2.1 when I run gulp—demo5 or—demo9 command always is generating assets folder into demo1 folder. With previous v.7.1.8 version works well

Hi,

We are checking this issue and we will provide a new update with fix shortly in a few hours.

Regards, Sean

Hi! I’m starting a new project and would like to know if you have an estimated release date for Metronic 8, so I can start with the new release.

Hi :),

We are currently working on and doing really good progress.It should be out soon. However we can’t promise any ETA yet since Bootstrap 5 related core plugins are still yet to be available and also we are trying to replace of those plugins with alternative solutions.

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

Regards, Sean

hi will your laravel theme come with a complete demo with model, views, database migration files

Hi,

Sorry at the moment our laravel version doesn’t provide any back-end functionality.

Metronic laravel theme is a skeleton application it already contains all needed assets, few pages, models and laravel default migrations.

Thank you!

Can you provide change log so I can know if I need to download the update

Hi :),

Sure, you can check it here: https://keenthemes.com/metronic/?page=changelog

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

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

Regards, Sean

After uploading image it shows with a fixed size. How can i make it maintain the aspect ratio same as the uploaded image ? https://preview.keenthemes.com/metronic/demo1/crud/file-upload/image-input.html

Currently u have this code to show the image

image-input-wrapper” style=”background-image: url(<?php echo Page::getMediaPath();?>users/100_1.jpg)”

Hi,

Sorry I meant the img tag. You can update div tag to img and paste background-image url to src attribute.

Update this
<div class="image-input-wrapper" style="background-image: url(<?php echo Page::getMediaPath();?>users/100_1.jpg)" />
to
<img class="image-input-wrapper" src="<?php echo Page::getMediaPath();?>users/100_1.jpg" />

Thank you!

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