Stack Overflow
Stack Overflow

Questions tagged [mdbootstrap]

A Material Design UI kit for Bootstrap 4

Use Official Support instead.

MDBootstrap is a third party wrapper to Bootstrap that provides Material Design features and styling. It is free for personal and commercial use, but also has a premium version with additional styles

Links:

327 questions
10
votes
4 answers

How can I remove Bootstrap from my Angular project?

I am attempting to use Material Design Bootstrap (MDB) in my Angular project. However, when I use an angular bootstrap component, it seems standard bootstrap interferes with the styling. Whats the best way to fully remove bootstrap from my angular…
Ethernetz
  • 906
  • 3
  • 16
  • 33
10
votes
2 answers

Main differences between Angular Material + Bootstrap vs. MDbootstrap for Angular

I have some experience with Angular 1.x, and right now I am building a stack for couple of new projects. I want to have responsive grid, so I would like to use Bootstrap. I want to use Angular, so I am going with latest Angular I want to have…
noisy
  • 6,495
  • 10
  • 50
  • 92
5
votes
1 answer

Tooltips not working in fullcalendar when i use bootstrap css

I'm trying to show tooltips in my fullcalendar app. But if i include bootstrap.css it isn't working. When i run code without it, everything is working. var calendar = new Calendar(calendarEl, { events: [ { title: 'My Event', start:…
tomas
  • 121
  • 1
  • 2
  • 11
4
votes
4 answers

Uncaught TypeError: Cannot read properties of null (reading 'classList') after one click or auto-scroll in the multi-carousel

So I've been following the official tutorial here and I require a slide indicator here as well so I just copied and modified the code from this example here. My markup looks like this:
…
Munchkin
  • 857
  • 5
  • 24
  • 51
4
votes
1 answer

Mdbootstrap V5 input borders don't appear when used in AngularJS pages (other than layout)

I'm trying to redesign some of the forms in an AngularJS application using mdbootstrap version 5. I've encountered a problem with inputs. The inputs that are inside pages of the dashboard (the app is a dashboard) don't get borders, whereas inputs…
Hanieh MA
  • 43
  • 5
4
votes
0 answers

MDBootstrap (material design for bootstrap) conflicting versions of react

I had a react project then later I added MDB (material design for bootstrap). But I got when using MDB Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the…
LTM
  • 527
  • 1
  • 9
  • 18
4
votes
1 answer

How to show a Bootstrap notification / toast (MDBootstrap) after Laravel return an error

I'm doing a small project in the style of Instagram but with basic features using Larvel and MDBootstrap. Showing my design I am making the form to edit personal information. Which is valid using Laravel, I want that when Laravel returns an error of…
Mario Montano
  • 85
  • 2
  • 9
4
votes
1 answer

How to load mdbootstrap vue into Laravel 5 with laravel-mix?

I am trying to install mdbootstrap vue into a Laravel 5.6 project, but i realy don't understand how i suppose to do it. If somebody can give me a little tutorial, it would be nice of you ;-)
Zekura
  • 317
  • 4
  • 13
4
votes
1 answer

Add MDBootstrap to an Angular project

I successfully added Bootstap to an Angular project and wanted to do the same with MDBoostrap ( I don't know if Bootstrap will still be useful tho ? ) I followed the official procedure just here using the npm installation. But when I try to import…
Y.Uzumaki
  • 119
  • 1
  • 3
  • 12
4
votes
4 answers

Bootstrap Material design floating labels overlap input text

I am using bootstrap material design and my labels overlap my input texts when the text is pre-populated.. (ref. my screenshot below). Is there a way I can prevent the label from overlapping? My code:
Trung Tran
  • 13,141
  • 42
  • 113
  • 200
3
votes
2 answers

Why is Prop not applied to component in component library vue js?

I am busy moving my components from our projects into a component library for ease of use and maintainability purposes. I am using this Vue/Nuxt Library template following the structure and processes outlined. Currently I only have 2 components in…
Terblanche Daniel
  • 1,169
  • 2
  • 12
  • 18
3
votes
1 answer

Opening React Modal change sorting order of MDBDataTable

I am using MDBDataTableV5 data tables in in my reactjs project. When i click on view button the modal open and it auto change my order of table's row. I am new in ReactJs and could not identify the problem. May be this issue comes by using setState…
Manish Balodia
  • 1,863
  • 2
  • 23
  • 37
3
votes
2 answers

SCRIPT1003: Expected ':' on IE ~ Vue.js ~ MDBootstrap

I have a simple Vue.js application which works perfectly on other browsers than IE, which shows a blank page with an error SCRIPT1003: Expected ':'. I have added a vue.config.js file which looks like that: module.exports = { transpileDependencies:…
Daniel Danielecki
  • 8,508
  • 6
  • 68
  • 94
3
votes
0 answers

Angular 6: Render Nested JSON in a table

I have a nested JSON structure which needs to be represented in a table. The structure is: students = [ { "id": "1", "name": "Ram", "subjects": [ { "id": "101", "name": "Maths", "exams": [ { …
ZeroTPS
  • 49
  • 2
  • 8
3
votes
1 answer

Can't pass array to chart.js which got its data from @Input

I'm trying to understand how to pass data from a parent component to a child component. More specific, i want to hand over and array from the parent component to the child component in order to use it as a data source for a chart. I'm using…
EyedPeas
  • 146
  • 4
  • 17
1
2 3
…
21 22