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
1
vote
1 answer

Form validation is not working properly in Metronic

I'm using metronic framework for my application. This metronic form allows white-spaces as valid with (tick) mark even if don't enter any character. Until user enter the value field should be invalid. Here sample link how it…
klmuralimohan
  • 861
  • 4
  • 23
  • 44
1
vote
1 answer

jquery BlockUI block page UNDER the modal

I've tried almost every option discussed here on SE, but no matter what blockUI is blocking page UNDER the Bootstrap modal. I've checked and z-index of modal is 10050 so my code is like that: $(document).ajaxStart(function(){ App.blockUI({ boxed:…
Anghor
  • 83
  • 1
  • 10
1
vote
0 answers

submenu in sidebar not expanding on click in metronic theme

the orders menu should expand on click buts its not expanding. I ve imported all the necessary javascript files too. But if there is any specific js file for dropdown then let me know.I have used grails as my backend language.
Gopal Chandak
  • 387
  • 7
  • 19
1
vote
1 answer

jQuery Datatables large data set Uncaught TypeError: Cannot read property 'mData' of undefined

So I get a console error on a large set of rows that I'm iterating from a database with php. I am initializing this with the metronic theme. As you can see I have my thead and tbody. I suspect the issue could pertain to the size of the output and…
Kevin Compton
  • 716
  • 2
  • 9
  • 22
1
vote
1 answer

Setting checkbox checked on page load in the Metronic AngularJS theme

I am developing an AngularJS app using the Metronic Admin Dashboard template. This is the code for my checkbox:
I've…
keybored
  • 5,194
  • 13
  • 45
  • 70
0
votes
0 answers

PopperJS Popover position is not right

I'm using PopperJS for a menu and it doesn't position the popover right for nested menus. This is the first level popover that is triggered with clicking on the three dots: And this is the second level popover that is triggered with clicking on the…
oividiosCaeremos
  • 608
  • 1
  • 10
  • 30
0
votes
0 answers

Anyone implemented language selection for Arabic & English using Metronic Keentheme with reactjs?

We are using Metronics keentheme template for ReactJs but no support for using Arabic & English within the same project. Two CSS files were provided for rtl and ltr version and I am trying to figure out an option that can inject either CSS files…
ScadMaski
  • 1
  • 2
0
votes
0 answers

Metronic side menu not loading menus on async call

Here is my HTML code for side menu.
namco
  • 101
  • 3
  • 13
0
votes
0 answers

AWS Elastic Beanstalk 502 Bad Gateway nginx

I got 2 proyects in Spring Boot 3.1.1, java 17 and bootstrap. One of them is working fine on Elastic Beanstalk (Corretto 17 running on 64bit Amazon Linux 2/3.4.9) but the same proyect with added Metronic Templates and Styles from KeenThemes, after…
0
votes
0 answers

How can I make the Metronic calendar change its language based on user selection among several languages?

I use the Metronic theme and the calendar is always in English by default. There are 5 languages in my system and I want it to change according to whichever of these languages is selected. How can I do this? I used things like full-lang.js but no…
0
votes
2 answers

How to add fullcallendar to a laravel app

I am trying to integrate fullcallendar in a laravel10 + Metronic app helpers.addVendors(['fullcalendar']); called from controller gives error: Undefined constant "App\Http\Controllers\helpers" CODE:
Sofnam
  • 35
  • 4
0
votes
0 answers

Problem with Metronic Vue integration with Laravel

I'm creating a Laravel project running Vue on the frontend. When running Laravel or Metronic Vue by themselves I got it working, but not when trying to integrate Metronic Vue with Laravel. I followed this guide:…
Jonatan
  • 1
  • 1
0
votes
0 answers

How to use Metronic Wizard component in Asp.net Zero Angular

I am using Asp.net zero Angular Template and I want to use Metronic Angular vertical wizard but finding it difficult because there is no documentation by the Asp.net zero team on that. Please I direction from any one that has implement it on how to…
ckeedee
  • 87
  • 2
  • 9
0
votes
0 answers

How to use metronic select2 style in django-select2

I have a form and i render that in template with django-select2 and also i downloaded one of metronic html templates with css and js files and they have select2 styles in there But select2 its not django-select2 package but i need django-select2 so…
Kirill_N
  • 76
  • 8
0
votes
0 answers

Why is the dropdown not displaying after changing the jquery select2 plugin?

It is using Metronic 8 theme. I am editing the multi-steps-sign-up.html page. The account type that needs to be newly created is two. If the Checkbox is selected, the number of steps needs to be changed. I have succeeded but the contents also need…
app_dev
  • 35
  • 8