Questions tagged [metronic]

Metronic is a bootstrap powered HTML5/JS/CSS framework.

Metronic is a proprietary bootstrap-powered HTML5/JS/CSS framework. It is created and maintained by Keenthemes. You can find an online demo of its various templates and features at Keenthemes' Metronic page. It features, among many others:

  • Premade layouts,
  • Dashboard widgets,
  • Standard Bootstrap UI items with customized appearance,
  • Custom controls, such as social icons and FontAwesome-Styled buttons,
  • Integration with popular third-party widgets, such as datepickers, dropdowns and charts,
  • Color library,
  • A comprehensive library of standard Bootstrap, custom, and styled third-party controls.
169 questions
24
votes
3 answers

Replace Autoprefixer browsers option to Browserslist

i am using [Metronic v6.03] I followed the Quick Start tutorial on documentation. https://keenthemes.com/metronic/?page=docs If I give in the command ‘gulp build’ I get a message : “Replace Autoprefixer browsers option to Browserslist config. Use…
John Zakaria
  • 341
  • 1
  • 2
  • 6
8
votes
2 answers

Validation is not working in Metronic UI. Why?

Validation is not working properly. Its always shows This field is required. Even if I don't touch this field. Why?
Vivek Nuna
  • 25,472
  • 25
  • 109
  • 197
7
votes
3 answers

Blazor Server App JavaScript Libraries Not working (Metronic Template)

I have Blazor Server Side app, where I have added JavaScript and CSS Libraries for Metronic Bootstrap Template. The template is fully loaded when I run the app, but the JavaScript is not responding. For example when I click on Side Menu (Arrow Icon)…
4
votes
2 answers

Datatables.net (1.10.22) + Webpack Encore (1.11) + Symfony (5.2.6)

I am working on a Symfony 5.2.6 project and I am trying to use datatables.net library in my project, but can't find a way to import it properly. I am using a lot of js/jquery libraries and everything is working well except datatables. (I am using…
NOaMTL
  • 193
  • 1
  • 4
  • 13
4
votes
2 answers

Bootstrap, how to make a text on left and right of a switch button?

I would like to make a text on the left and right side of the switch button just like the one that is shown in picture below. How to solve this problem? CODE
LearnProgramming
  • 814
  • 1
  • 12
  • 37
4
votes
4 answers

Unable to check uncheck a checkbox using jquery in metronic admin theme

I am using metronic admin theme for one of my project. http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469 I have to checked or unchecked check boxes on base of data from database but problem is that i am unable to…
Asad
  • 498
  • 7
  • 21
3
votes
0 answers

Need Datatables's column visibility in my KeenThemes datatable

First question here on SO and not very familiar with datatables, so please bear with me if I'm leaving out info! So I am using Metronic's/KeenThemes's plugin to show a datatable and I want to use Datatables's column visibility implementation to…
3
votes
1 answer

Rails: SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {"

I have metroic theme installed on rails application when I try to compile assets I get issues. rake aborted! SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {" on line 17614 of…
Vishal G
  • 1,521
  • 11
  • 30
3
votes
1 answer

Add login page to existing angularjs metronic theme

I am using metronic angularjs theme for creating a web app. But that theme doesn't have a login page and I want to create one for user login through facebook and normal login. I was wondering how can I add a login page to an existing theme as I am…
User0706
  • 1,067
  • 1
  • 18
  • 34
3
votes
0 answers

Issue on loading webapp with theme METRONIC admin7 on UIWebView - iOS

I'm using Metronic theme Admin7 and I found an issue when the hamburger menu is clicked on iOS UIWebView. I'm using Xcode 7 and Objective-C to develop. The problem occurs at higher devices than the iPhone 4S. Simulator works. Print from issue |…
Thales Frigo
  • 109
  • 8
2
votes
0 answers

Lagging when change date and time on iPhone

Using iPhone: - Issue (only for iPhone) In the Date & Time of Appointment, after clicking the calendar icon then it will lag when changing Date/Time. Another phone (Android) should be no problem, only iPhone cannot work. I am using this template…
Fatt Sky
  • 650
  • 3
  • 11
2
votes
0 answers

How to remove CSS and JS source mapping instructions

We bought Metronic admin theme but when I use Metronic assets (js, css, plugins etc...) into my Symfony project and I start my symfony server, I got multiple exceptions with the same problem : Exception : No route found for "GET…
leobrl
  • 959
  • 1
  • 6
  • 15
2
votes
0 answers

How to integrate metronic themes to local formio application

i have setup local instance of formio on my local machine.I am looking at integrating metronic themes to formio. And i have angular set up in my machine with angular7 version. In angular application i have metronic themes included then how to add…
Rajan Bosh
  • 239
  • 1
  • 3
  • 15
2
votes
0 answers

How to display aside menu of metronic angular 7 theme based on logged in user role

I am using angular metronic admin template. We use Angular7 metronic theme for admin template.Here I see how metronic implemented ngx-permissions for routes, but I can’t seem to figure out how to hide menu items based on current userRole. Any…
Mohammed Sabir
  • 354
  • 1
  • 4
  • 16
2
votes
2 answers

Email validation of blank not required input

I'm using the latest version of jquery-validation (1.19.0) in the web app based on Laravel (5.7x) and have this issue. In case of blank (not filled) it shows me an error Enter a valid Email. This input is not…
Jakub Adamec
  • 953
  • 16
  • 22
1
2 3
11 12