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

keenthemes supports this item

Supported

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

12220 comments found.

Hello!, how can I disable kt-tooltip on mobile ? i’m using like this: . but i dont want it to appear on mobile, how can i hide it on small screens ?

Hi,

You can try to add below window resize handler:

KTUtil.addResizeHandler(function() {
                if (KTUtil.isInResponsiveRange('tablet-and-mobile')) {
                    $('[data-toggle="kt-tooltip-mobile"]').each(function() {
                        KTApp.initTooltip($(this));
                    }); 
                } else {
                    $('[data-toggle="kt-tooltip-mobile"]').each(function() {
                        $(this).tooltip('disable');
                    });
                }
            });

under your layout.js script’s main init function. Then use

data-toggle="kt-tooltip-mobile"
attribute to initialize desktop only tooltips.

Regards, Sean

I added the code in my layout.js and recompiled but it doesnt work, now it doesnt show on desktop or mobile

Hi,

Please try to use below code:

var initDesktopTooltips = function() {
                if (KTUtil.isInResponsiveRange('desktop')) {
                    $('[data-toggle="kt-tooltip-desktop"]').each(function() {
                        KTApp.initTooltip($(this));
                    }); 
                } else {
                    $('[data-toggle="kt-tooltip-desktop"]').each(function() {
                        $(this).tooltip('dispose');
                    });
                }
            }

            initDesktopTooltips();
            KTUtil.addResizeHandler(initDesktopTooltips);

And for the HTML part please use:

data-toggle="kt-tooltip-desktop" 

Regards, Sean

Do you have just an HTML version for those of us who don’t want to use Angular?

Hi :)

The HTML version is included as the main source code. You can find it in the downloaded package. (in this directory /theme/default)

Please check our documentation for more information; https://keenthemes.com/metronic/?page=docs

Thanks

Great! Thank you!

Your welcome :)

This has probably been asked before, but does this have an HTML version included? I don’t want to use angular at all.

Hi :)

The HTML version is included as the main source code. You can find it in the downloaded package. (in this directory /theme/default)

Please check our documentation for more information; https://keenthemes.com/metronic/?page=docs

Thanks

hi @keenthemes, is it possible for me to buy older version of Metronic (version 4)?

Hi :)

You can buy the latest version through Themeforest, and send us an email with your purchase code. We will provide you the link to download the previous version of Metronic v4.

Thanks

I’v buy the latest version here, where should I sent the email to?

Hi :)

Thank you for your recent purchase. Please send the request to our support email support@keenthemes.com. We wil provide you the download link.

Thanks

Hello Keenthemes, We are eagerly waiting for the Angular 8 version of Metronic…Please could you tell us the ETA ? ? ?

Hi :)

Angular 8 will be included in the next version 6.0.4. Almost there, it will be released in the next few more days.

Thanks

Hello, just a comment about login page and summernote editor. Login page 6 : in mobile mode, not aligned well (https://adiag-lob.s3.fr-par.scw.cloud/sharing/temp/LoginPage.PNG) Summernote : each menu has a zindex problem I think (https://adiag-lob.s3.fr-par.scw.cloud/sharing/temp/Summernote1.PNG and https://adiag-lob.s3.fr-par.scw.cloud/sharing/temp/Summernote2.PNG)

Thanks !

Hi :)

Sorry for the late response. Thanks for your feedback. We will include fix for these bugs the future updates soon.

Thanks

Hi, I am working for my client who purchase your template. Getting an issue with angular while install package and run. I am getting many problems. Will you please send me the updated package.json file to get it run as soon as possible. I am stuck with this from 2-3 days.

Please check the below package.json which I tried to solve { "name": "ang", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~7.1.0", "@angular/common": "~7.1.0", "@angular/compiler": "~7.1.0", "@angular/core": "~7.1.0", "@angular/forms": "~7.1.0", "@angular/http": "^7.2.15", "@angular/platform-browser": "~7.1.0", "@angular/platform-browser-dynamic": "~7.1.0", "@angular/router": "~7.1.0", "@fortawesome/fontawesome-free": "^5.9.0", "bootstrap": "^4.3.1", "core-js": "^2.5.4", "datatables.net": "^1.10.19", "datatables.net-dt": "^1.10.19", "flat-icons": "^1.0.0", "jquery": "^3.4.1", "line-awesome": "github:icons8/line-awesome", "ng2-smart-table": "^1.4.0", "rxjs": "~6.3.3", "tslib": "^1.9.0", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/build-angular": "~0.11.0", "@angular/cli": "~7.1.2", "@angular/compiler-cli": "~7.1.0", "@angular/language-service": "~7.1.0", "@types/datatables.net": "^1.10.17", "@types/jasmine": "~2.8.8", "@types/jasminewd2": "~2.0.3", "@types/jquery": "^3.3.29", "@types/node": "~8.9.4", "codelyzer": "~4.5.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~3.1.1", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "ng2-completer": "^3.0.2", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.11.0", "typescript": "~3.1.6" } } Please let me know about it ..

Hi :)

The error appears in the browser. Which part you are you working on? Does this issue happens in the fresh installed Angular? Have you done any customization or changes to the source code?

Thanks

Hi, I have not done any single changes or customisation in source code. This is happens in the fresh installed angular. Please provide me your skype id or something else to fast communication to resolve this issue as soon as possible.

Hi :)

Sorry for the late response. We have sent the reply in your another comment.

Thanks

Can you send me the link to the metronic 5.5 demo’s?

Hi :)

Please check this link. https://keenthemes.com/metronic-v5.5.5/

If you need to download the Metronic v5.5.5, please send an email to support@keenthemes.com with your purchase code.

Thanks

if I update my Angular from 7 to 8 … the theme “Metronic Angular” is compatible ?

Hi :)

Angular 7 does not compatible with version 8. We will release this update soon.

Thanks

Where i can found menu like “components” and “crud” on my download ?

i cant found on default or classic theme

Hi :)

Are you refering to Angular “components” and “crud”? These demo pages only in Angular.

Thanks

after i download the template file and unzip it, i have not found other files in those demo themes. where are those files? there is only one file in every demo themes!

Hi,

The Default Package is a separate package of Keen that uses mainly build tools, such as Gulp(task manager), SASS , Yarn(package manager). To launch the package you should install the required build tools by referring to the documentation and run “gulp build” to generate the HTML templates and the theme assets(css, js, media).

Also, we fully support new developers by constantly updating our documentation and create video tutorials for everyone to understand Metronic better. In fact we added video tutorials to show the best practises to use Metronic for all small to enterprise size projects. You can have a look at the links below:

1. Installation & Getting Started: https://youtu.be/dqZLWuAEdJ8 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. Customization: https://youtu.be/7PG5Qbg0-gM

For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

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

Regards, Sean

Hi ,

I have an issue with the Angular version. On the following pages:

role-edit.dialog.component.ts role-edit.dialog.component.html that belong to the user-managment.module.ts

I have a two way binding on the view for the input field of the title, like this:

<input matInput [disabled]=”roleBI.isCoreRole” placeholder=”Enter Title” [(ngModel)]=”roleBI.title”/>

and in the .ts i have the property defined like this:

export class RoleEditDialogComponent implements OnInit, OnDestroy { // Public properties roleBI: Role; role$: Observable<Role>; hasFormErrors: boolean = false; viewLoading: boolean = false; loadingAfterSubmit: boolean = false; allPermissions$: Observable<Permission[]>; rolePermissions: Permission[] = []; // Private properties private componentSubscriptions: Subscription;

when i hit the submit button it seems that the two way binding is not working becauese the roleBi.title property is not updated with the input value i just changed.

in the user-managment.module.ts i have the following import:

import { FormsModule, ReactiveFormsModule } from ’@angular/forms’;

and in the imports section i also have:

@NgModule({ imports: [ CommonModule, HttpClientModule, PartialsModule, RouterModule.forChild(routes), StoreModule.forFeature(‘users’, usersReducer), EffectsModule.forFeature([UserEffects]), FormsModule, ReactiveFormsModule, TranslateModule.forChild(), MatButtonModule, MatMenuModule, MatSelectModule, MatInputModule, MatTableModule, MatAutocompleteModule, MatRadioModule, MatIconModule, MatNativeDateModule, MatProgressBarModule, MatDatepickerModule, MatCardModule, MatPaginatorModule, MatSortModule, MatCheckboxModule, MatProgressSpinnerModule, MatSnackBarModule, MatExpansionModule, MatTabsModule, MatTooltipModule, MatDialogModule ],

What could be the problem? Thanks for your kindly help.

Hi :)

It’s NGRX issue, store is immutable and the ’role’ object from store has read-only properties (including title property) We will fix this in next release. Right now you able to work the copy of this object from store.

Thanks

Hi, I have a lot of warning in fluid.html for demo4. such as;

<a href="#" class="kt-widget2__title"> Completa Financial Report For Emirates Airlines < / p > </a> it begins with “a” and finish with ”/p”, there are a lot examples like that. Is this a mistake or not?

Hi,

Thanks for the feedback. We will fix it 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.

We will fix it. p tag should not be there.

                                                                    <div class="kt-widget2__info">
                                                                        <a href="#" class="kt-widget2__title">
                                                                            Completa Financial Report For Emirates Airlines
                                                                        </a>
                                                                        <a href="#" class="kt-widget2__username">
                                                                            By Bob
                                                                        </a>
                                                                    </div>

Thanks

Hi. Does this release of metronic include ribbons? Can’t seem top find them anywhere.

Hi :),

We will consider adding those ribbons for this new version line 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 there! I have just purchased your theme and downloaded it. I wonder where can I find some html files like in your demo? For example where in download folders this html file is: https://keenthemes.com/metronic/preview/demo2/crud/metronic-datatable/advanced/record-selection.html ??? Thank you, Slava

I found it. It’s ok. Thank you!

Great! Thank you :)

I’m downloading version 6, but there is a lack of files. Files won’t open

Hi :)

Please follow this guide on how to compile and generate assets. https://keenthemes.com/metronic/?page=docs

Thanks

Hi Keenthemes,

Which css file contains class “mat-form-field-fluid”. I use Angular version with Material Design But I did not find this class in CSS or SCSS. Which file should I refer to?

Thanks

Hi :)

Those css files are optional.

Please check this demo1 base scss also.
/theme/angular/dist/default/src/app/views/themes/demo1/base/base.component.scss
It does contain the separate skins css (not in all demos).

Thanks

Hi. I am not using gulp to generate CSS. Because It looks complicated to me. I only use a single version Demo 1.

In \default….. \demos\demo1\style.scss, I see you import @import ”../../core/include”; This file you include almost everything such as base, general, layout, typography, widgets, vendors BUT I dont see you import “material-angular”

So How do you export all scss files in “material-angular” Can you please tell me how many scss files I need to include in the main style.scss of Angular project to run the application that looks exactly like your Demo in themeforest.

Thanks

Hi :)

For Angular scss, can you refer to this file? The Angular material scss included here. This will be the entry scss file for style.bundle.css

/theme/angular/src/sass/theme/demos/demo1/style-angular.scss

Thanks

Hello keenthemes,

When metronic theme update for angular 8?

Thank.

HI :),

In a few days. We are preparing the next update with Angular 8.

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

Hello keenthemes,

For some reason the kt-quick-panel is showing to the left (Demo 10) while it should be showing to the right,

Can you tell me what control it’s direction on the screen so I can fix it? css code or js code ?

Thanks

https://imgur.com/UGkhRUN

Hi :),

Thanks for your feedback. It will be corrected in the next update. You can also fix it by adding “kt-quick-panel—right” class to the body tag.

Regards, Sean

Not able to redirect page from controller
After integrating theme with CodeIgniter architecture, page redirection from controller, after posting values ,is not working on ajax submit.
Background actions like saving the contents , loading waiting symbols etc is working. I can see page redirection is happening through its Network tab, but is not applying in web browser. So I cannot redirect user to other page from our application
Something is overriding our controller actions..
We need your sincere attention

Hello Keenthemes,

Waiting for your reply.

Thanks

Hi,

It seems this issue is related to your custom code. Metronic has no ajax request handling code that can cause such issue. Do you see any JS error in your code before the page redirection ?

Thanks.

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