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

Macchianera2012 Purchased

over 11 years ago

Hi keenthemes!! Happy new Year !!!

Some new frontend ecommerce layout/page is under development?

Regards!!!

keenthemes Author

over 11 years ago

Hi ,

Yeah, something new(a separate theme) is on the way. We will let you know soon.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

mg-freelancer Purchased

over 11 years ago

Hello, I want to add forum to my site , what are the UI components that help me in this task ? or will you release ready forum section within one month ?

keenthemes Author

over 11 years ago

Hi ,

You can check the blog pages which you can reuse for your forum pages. The forum templates at the moment are not planned. But we will consider it in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

niftycommerce Purchased

over 11 years ago

Hi there.

I’m looking at the PSD’s but notice no PSD’s for the new Admin layouts.

Any chance of getting PSD’s for these any time soon?

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback.

Yes, at the moment the PSD files of the new admin theme are not included. We will try for that in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

g4chensi Purchased

over 11 years ago

Hello,

I am using version 3.5 of the theme,

For the portlets, when I clicked on the expand icon, the class of the tool becomes collapsed but the image does not show, nor can I click on to collapse anymore. This is both true when I tried on my own page and the source code…

http://i61.tinypic.com/2igcdjq.png http://i57.tinypic.com/1zwnka0.png

This is no longer the case when i tried the same page on the 3.6.1 version of the theme. I am wondering if you know how can I fix this without replacing all my theme files.

keenthemes Author

over 11 years ago

Hi ,

Yes, this issue was fixed in v3.6.x. You can get this fixed by adding following css code in custom.css:

.portlet > .portlet-title > .tools > a.expand,
.portlet > .portlet-title > .tools > a.collapse {
    visibility: visible;
}

If you need any further assistance please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

g4chensi Purchased

over 11 years ago

Thanks worked great

keenthemes Author

over 11 years ago

Great! You are welcome

rkiss Purchased

over 11 years ago

Hello, how can I call amchart export to image functionality via portlet drop down menu action? your direction is much appreciated.

keenthemes Author

over 11 years ago

Hi ,

You can check this in http://www.amcharts.com/tutorials/saving-exported-image-on-a-server/ and http://www.amcharts.com/tutorials/exporting-charts-and-maps-as-an-image-or-pdf/. Following the amChart API you can expose the export functionality and trigger it out side amchart charts.

I hope the above info will be helpful.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

rkiss Purchased

over 11 years ago

thank you for the feedback..yes, got it working. sorry for the post. I should have read the api doc first. Cheers.

keenthemes Author

over 11 years ago

Glad for you. Good luck with your project

thgr Purchased

over 11 years ago

where is page builder page?

thnx

keenthemes Author

over 11 years ago

Hi ,

Its upcoming feature which allows you to build and generate page layouts and its assets(HTML CSS, JS). However this feature will be released in the near feature once its ready.

If you need any further clarifications please let us know.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

pranav1877 Purchased

over 11 years ago

Just wanted to check if you have thought using key UX principle of Google Material design in theme like floating label and other.

It would be really good to have some of these UX in near future version.

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback on this. We are doing some R&D on this and we will surely integrate some Google Material design concepts in a future releases.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes.

Thanks.

Stellanhaglund Purchased

over 11 years ago

I will try here instead then, how do I add one of the login screens to the angular app?

5 other replies

keenthemes Author

over 11 years ago

Hi ,

You can use any login templates available in the HTML version of the theme. Then you can build your angularjs login page referring to the index.html template and js/app.js of the AngularJS demo. For more info you can check below related links:

http://stackoverflow.com/questions/20496458/login-page-in-angularjshttps://www.airpair.com/angularjs/building-angularjs-app-tutorial

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Stellanhaglund Purchased

over 11 years ago

so this means the login template wont be part of the app?

keenthemes Author

over 11 years ago

Hi ,

We will consider adding it in a future releases. However if you need it urgently you will have to implement it your own.

Thanks.

Stellanhaglund Purchased

over 11 years ago

I know i can add it on my own, though it conflicts with the app, the text in the angular app states it should work.

NOTE: All Metronic features from the HTML version(pages, layout options, components, plugins, etc) are fully compatible in the AngularJS version.

Here is an example

When removing the header from login file (after placing it as a part of template) the theme panel stops working. Here is the header code:

Stellanhaglund Purchased

over 11 years ago


<div ng-if="[location.path() !='/login.html']" data-ng-include="'tpl/header.html'" data-ng-controller="HeaderController" class="page-header navbar navbar-fixed-top">
</div>

keenthemes Author

over 11 years ago

Hi,

I would suggest you to create a separate master page for login or singup pages. Now you have master file index.html for all “after login” pages. It will be easier if you create login.html master page and upon successful login it will just redirect to your index.html master page. Then in index.html you will need to put a filter to check if user is not logged in it redirects to the login page.

Thanks.

Stellanhaglund Purchased

over 11 years ago

So what does that mean, that all pages and plugins isnt compatible with the angular app?

So if i add other elements from the html template i can expect conflicts?

keenthemes Author

over 11 years ago

Hi ,

All features are compatible. Basically you will need to initialize the required features/plugins in AngularJS controllers as demonstrated in the AngularJS theme pages.

For example: http://www.keenthemes.com/preview/metronic/theme/templates/admin/angularjs/#/tree

In angularjs/js/app.js you can refer how the routing is setup for ”#/tree” page. In the routing all the dependency js & css files are declared and in “angularjs/views/tree.html” you can find how the tree plugin samples are initialized. Following this approach you can include any jquery plugin and run any js code. There should not be any conflict with AngularJS scope.

Thanks.

TTom922 Purchased

over 11 years ago

Hi.

1. I need to decide now with which Theme to go forward, but I definitely need the “Quick Sidebar”. Will you provide a “Quick Sidebar” for the “Admin Theme 4” within the next 4 weeks?

2. If different themes do NOT have all the same features (e.g., not having the “Quick Sidebar”), can you please provide in the future some “comparison documentation” so that user know IN ADVANCE if some features are not available in some themes. It’s not good to find out later, once the project is on the way… (I think best would be best anyways to have the same, complete feature set across all themes, otherwise it’s not really a “theme” anymore but actually a new/different product/design).

Thanks

keenthemes Author

over 11 years ago

Hi ,

Thanks for your interest in Metronic and for your feedback. Sorry, we can’t confirm this.But we will consider your suggestions in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Cristianhardin10 Purchased

over 11 years ago

Hello,

Im currently using the navigation menu at the top from demo 3. How can i change this to the navigation menu from demo 4? Which files do i need to replace?

Thanks

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback.

To the use Admin 4 style menus you will need to use the Admin 4 layout from http://www.keenthemes.com/preview/metronic/theme/templates/admin4. Each admin layout has own HTML code and css files so you will need to totally switch to admin 4’s code in order to use admin 4 layout

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

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Cristianhardin10 Purchased

over 11 years ago

Which specific files and directories are used for the navigation in demo 4?

Thanks

keenthemes Author

over 11 years ago

Hi ,

You will need to check “theme/templates/admin4/index.html” template. If you are already using Admin 1 for your site then to us Admin 4 you will need to reintegrate Admin 4 layout from scratch. Admin 4 is similar to Admin 1 so you just need to convert your entire HTML templates to Admin 4’s templates. All the css and js files you can find in the above index.html and other templates under admin4 folder.

Thanks.

fabiocbr75 Purchased

over 11 years ago

The angularjs version is not integrated with login. Is planned to added the login option on angular template?

Thanks

keenthemes Author

over 11 years ago

Hi ,

You can implement the login page by reusing the login templates from the HTML version. However we will consider adding in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

opready Purchased

over 11 years ago

On the shop front-end theme when you have the top menu set to fixed (this page http://www.keenthemes.com/preview/metronic/theme/templates/frontend/shop-index-header-fix.html) and you scroll down far enough to make the menu shrink then refresh the page, the menu will disappear. It comes back after you scroll up or down.

1 other reply

keenthemes Author

over 11 years ago

Hi ,

The shop frontend theme supports below fixed header layout: http://keenthemes/metronic/v3.6.1/theme/templates/frontend/shop-index-header-fix.html You can active this layout by calling “Layout.initFixHeaderWithPreHeader()” and “Layout.initNavScrolling()” functions in the bottom of your page:

    <script type="text/javascript">
        jQuery(document).ready(function() {
            Layout.init();    
            Layout.initOWL();
            LayersliderInit.initLayerSlider();
            Layout.initImageZoom();
            Layout.initTouchspin();
            Layout.initTwitter();

            Layout.initFixHeaderWithPreHeader();
            Layout.initNavScrolling();
        });
    </script>

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

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

opready Purchased

over 11 years ago

I understand you can do that. When you have the page set to fixed with the above js scripts and scroll down until the menu compresses. Once the menu is compressed and the page refreshes the menu disappears until you scroll again. So this is a bug report, not a how do you do this question. I would assume it’s because the menu is on a scroll function not a document ready function. I have not looked at the scripts yet.

opready Purchased

over 11 years ago

I believe i fixed what i was having an issue with as well as your demos are having the same issue with the disappearing fixed menu on page refresh.

file frontend/scripts/layout.js lines 335 -337 need to be wrapped in a document ready function because when you refresh the page it will not add the class reduce-header until a scroll occurs which in turn leave the page without nav bar until the scroll occurs. This is an issue when my site is refreshing in the background and the menu disappears.


jQuery(window).scroll(function() {
    NavScrolling ();
});

i changed mine to


jQuery(document).ready(function() {
   jQuery(window).scroll(function() {
       NavScrolling ();
     });
});

and it seems to be working as expected.

i also removed line 363

NavScrolling();

don’t know what the point of it was but you don’t need it.

keenthemes Author

over 11 years ago

Hi ,

The layout settings will be reset on page reload. The theme settings panel put only for demo purposes. However we will check your fix as well and fix the issue accordingly. Thanks for sharing this.

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

Thanks.

SchaubIT Purchased

over 11 years ago

You are using two meta-tags for UTF-8. You just need one – prefer the shorter version! (<meta charset=”utf-8”>) http://stackoverflow.com/questions/4696499/meta-charset-utf-8-vs-meta-http-equiv-content-type

keenthemes Author

over 11 years ago

Hi ,

Thanks for your advice. We will check it further and consider it in a future release.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

SchaubIT Purchased

over 11 years ago

You should remove or further no more add “end slashes” to your HTML tags. It is not needed and just would need more characters to deliver to the browser. (= more data = less speed) http://stackoverflow.com/questions/3558119/are-self-closing-tags-valid-in-html5

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback. We will definitely consider this. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

PowerOnPlay

over 11 years ago

Is there any way you can add a timecard option so employees can clock in and a manager can keep track for payroll?

keenthemes Author

over 11 years ago

Hi ,

Thanks for your suggestion. Let us consider this in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

haypet Purchased

over 11 years ago

Hi,

Can you please update Fancybox styling to better match overall look and feel as right now it looks like completely different thing?

Thanks

keenthemes Author

over 11 years ago

Hi ,

Thanks for your suggestion. We will consider it in a future releases. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

haypet Purchased

almost 11 years ago

Hi,

Has this been considered in current release?

Thanks

keenthemes Author

almost 11 years ago

Hi ,

Not yet. But we will do our best to implement it in a future releases asap. Stay tuned!

Thanks.

eladamir123 Purchased

over 11 years ago

Hi,

Please take a look at that link:

http://test.spythenet.co.il/page_timeline.html

in timeline, if the text is short. the pic is covered by the next post.

how to make sure the chat box height is according to the image?

same issue in News…

Thanks, Elad

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback. We will fix it in the next update very soon. In the main time to fix the issue you apply “clearfix” class as shown below:

<div class="timeline-body-content clearfix">
...
</div>

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

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

eladamir123 Purchased

over 11 years ago

Thanks!

keenthemes Author

over 11 years ago

You are welcome

jaiimg

over 11 years ago

Hi,

Do you have wordpress version of the frontend theme, which looks very nice and simple

keenthemes Author

over 11 years ago

Hi ,

Not the moment. Maybe in the near future. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

coderapper005 Purchased

over 11 years ago

Metronic theme have small issu .. In ie9 and ie8 place holder act as text..

when i want to validate input field for nulll…. in that condition place holder act as text… check this issue in following link..hope this issue solve in next update…

http://stackoverflow.com/questions/15020826/how-to-support-placeholder-attribute-in-ie8-and-9

6 other replies

keenthemes Author

over 11 years ago

Hi ,

Thanks for your feedback. We will check it further and consider improving it in a future releases.

Thanks.

coderapper005 Purchased

over 11 years ago

i tried to fixed this issue http://stackoverflow.com/questions/19952031/placeholder-text-issue-in-ie-browsers8-9

but i can not solve this issue my own…

When new update release… ETA

please Solve this issue as soon as possible

keenthemes Author

over 11 years ago

Hi ,

Actually you can use Metronic’s function to get input’s actual value:

var input = $('#my_input').val();
val = Metronic.getActualVal(input);

That should be it.

Thanks.

coderapper005 Purchased

over 11 years ago

u not understand my problem….. ie 8 and ie 9 placeholder take placeholder value during javascript validation..its not working….. give me ral code without metronic.

keenthemes Author

over 11 years ago

Hi,

How are you validation the inputs ? Are you using jQuery validation plugin http://jqueryvalidation.org/ ? If yes, please note this is a 3rd party plugin and it might be plugin’s known bug. Please send us more details to our support at support@keenthemes.com.

Thanks.

coderapper005 Purchased

over 11 years ago

No i am using validation using javascript…using document.getelementById(‘idname’).vlaue();

keenthemes Author

over 11 years ago

Hi,

In this case you can use the above code to retrieve the actual value of the input:

var input = $('#idname').val();
val = Metronic.getActualVal(input); // get the actual value and validate it

Thanks.

coderapper005 Purchased

over 11 years ago

thank you this work…but i have small issu ..i dont want to write Metronic.getActualVal

instead of that i want to change my project name

keenthemes Author

over 11 years ago

Hi ,

Yes, you can change the class name from “Metronic” to whatever you need as explained in my previous reply.

Thanks.

sertes Purchased

over 11 years ago

Hi, I saw several people have asked for infinite scrolling already. Please add me to the list of people waiting for that feature to be released. I would love to see this page (http://www.keenthemes.com/preview/metronic/theme/templates/admin/page_news.html) support infinite scrolling. Thanks.

keenthemes Author

over 11 years ago

Hi ,

Noted. We will do our best to implement this feature asap. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Last Update	4 June 2026
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, TypeScript
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, Sass Files, SCSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin dashboard template, admin themes, angular, asp.net core, blazor, bootstrap 5, html, laravel, metronic, react, shadcn, tailwind, tailwind css, vuejs
Created	13 years ago

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

keenthemes supports this item

12220 comments found.

keenthemes

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

keenthemes supports this item

12220 comments found.

keenthemes

Tell us what you think!