Questions Tagged [Metronic]

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

154 questions
22 votes
3 answers
27k views

Replace Autoprefixer browsers option to Browserslist

i am using [Metronic v6.03] I followed the Quick Start tutorial on documentation. If I give in the command ‘gulp build’ I get a message : “Replace ...
8 votes
2 answers
890 views

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? <div class="form-group"> <label class="control-label col-sm-4">...
5 votes
2 answers
703 views

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. ...
4 votes
4 answers
6k views

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

I am using metronic admin theme for one of my project. I have to checked or unchecked check boxes on base of data ...
  • 442
4 votes
2 answers
727 views

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 ...
  • 193
4 votes
1 answer
1k views

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 <div class="m-form__group form-group ...
3 votes
1 answer
5k views

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 ...
3 votes
0 answers
236 views

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 ...
3 votes
0 answers
857 views

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 ...
2 votes
2 answers
2k views

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) <input type="email" name="email"> it shows ...
2 votes
1 answer
1k views

Change disabled attribute value for matInput

I have an issue related to the existing question Cannot disable matInput element with this Suggested answer works just fine: ngOnInit() { this.form = this.fb.group({ name: new FormControl({ ...
2 votes
1 answer
443 views

how to implement search functionality in a template that is built on bootstrap (Metronic) without backend?

After buying the template which contains alot of pages and components, i tried the searchbar but it only shows dummy page to show how will search return. how can i make it search in the template for ...
  • 662
2 votes
1 answer
4k views

How to filter select2 dropdown with multiple parameters

I have used select2 type dropdown and bind with value-text pairs and it's doing filter properly based on (tenancyname) text as per below. <li class="dropdown" id="liTenancy" style="margin-top: 4px;...
  • 8,276
2 votes
1 answer
745 views

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 "(...
  • 1,451
2 votes
0 answers
16 views

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, ...

15 30 50 per page
1
2 3 4 5
…
11
David Miller

David Miller

Executive Financial & Market Analyst

David Miller brings 15 years of experience in global economics, personal finance strategy, and market dynamics. He specializes in turning complex economic trends into actionable insights for everyday readers.

Share this article
Twitter Facebook Pinterest