Stack Overflow
Stack Overflow

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
2
votes
0 answers

JHipster integration with custom theme

I am trying to use custom theme with JHipster (Metronic theme if does it matter). I followed the advice how to add css and js https://stackoverflow.com/a/42070788/9026582 But when running npm run webpack:build webpack build does not compile. I got…
rupertoss
  • 63
  • 1
  • 7
2
votes
1 answer

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({ value: '', disabled: this.disabled }) }); But when I…
Tatyana
  • 231
  • 1
  • 5
  • 15
2
votes
2 answers

How to install metronic theme (v5.1.1) on my local host?

I purchased metronic theme recently. I Downloaded the file and installed same as documentation. I installed node, yarn, gulp, git all successfully. ng serve command also compiled successfully, but nothing happen. I am unable to execute theme…
Chakradhar
  • 41
  • 1
  • 4
2
votes
1 answer

How to load external script after Angular 2 loads

I have dynamic navigation bar which fetch data from API. The problem is the list items in the navigation bar does not toggling consistently. It works sometimes and doesn't most of the time. There are no script error in the console window, its…
Vigneshwaran Markandan
  • 947
  • 1
  • 16
  • 37
2
votes
1 answer

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 pages or components without backend such as using…
Ali123
  • 740
  • 13
  • 38
2
votes
1 answer

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.
Arun Rana
  • 8,426
  • 14
  • 67
  • 107
1
vote
1 answer

template changes on npm run build vs npm run serve Vuejs

hello im using metronic template(vue js version) version 7 with vue2 and node version 16 and most of my pages are made with vuetify my problem is when i use npm run serve everything is ok and my ui structure is how it's supposed to be but when i run…
EprG
  • 15
  • 4
1
vote
2 answers

Laravel 8 - reusable code block, change variable depending on a page for charts?

I want to display multiple charts in a single page or different pages. How can I reuse the blade file instead of repeating/retyping the code? I created a plain blade file _chart-widget.blade.php and I want the variable value to change depending on…
Abdulrahman Mushref
  • 1,012
  • 2
  • 18
  • 40
1
vote
1 answer

Vue JS composition API can't access array

I am currently trying to learn Vue JS without ever having encountered Javascript. All the brackets, arrows, etc. are driving me crazy. With the Composition API, I come across a question that I can't successfully google. That's working: setup() { …
Rune
  • 61
  • 5
1
vote
0 answers

Webpack-cli: gives require is not defined

Trying to generate the RTL versions of CSS files in metronic framework with npm run build --rtl=true --demo1, I get following error: [webpack-cli] Failed to load '/home/user/Documents/Metronic v8.0.32/html/theme/tools/webpack.config.js'…
Mahdi
  • 664
  • 3
  • 15
  • 35
1
vote
1 answer

How to get data of row from KTDatatable using jQuery

I am trying to get the data of a row by clicking on a button within the same row. Checking the metronic documentation, there is an event that returns the entire dataset used to generate the table, but there is nothing that specifies the way to fetch…
Ulises_Tmtz
  • 55
  • 1
  • 8
1
vote
0 answers

In Metronic 'gulp --demo1' command is not generating css , js , and media folder?

I have Metronic theme folder and when I use 'gulp --demo1' command It should generate CSS, js, plugins, and media folder but it is generating only the plugins folder. I have followed all the instructions given in the documenation. What is going…
Omprakash Umath
  • 13
  • 3
1
vote
1 answer

Server side pagination in KTDatatable (Metronic)

I am new to KTDatatable in Metronic. I am trying to use server side pagination in Metronic dashboard, and I am parsing the data in a KTDatatable, but I can't find a way to parse the returned data from the API and to view number of pages and each…
MHD Yasser Haddad
  • 31
  • 1
  • 8
1
vote
0 answers

'toLowerCase' of undefined error in canMerge.js for css loading

Getting a weird error on ng serve styles.css - Error: styles.css from Css Minimizer TypeError: Cannot read property 'toLowerCase' of undefined at /Users/pavlos-mac/projects/internal_portal/internal_portal/styles.css:73837:1 node.value is undefined…
godhar
  • 1,128
  • 1
  • 14
  • 34
1
vote
3 answers

I can´t show service response in angular component

I try to show a data in an angular component from a service, all the process from service to component is ok, but when i use the variable in html it not show the result. I used this Metronic Template:…
Carlos Andrés Montoya Cardona
  • 33
  • 4
1
2
3
…
11 12