mdbootstrap

How can I remove Bootstrap from my Angular project?

久未见 提交于 2020-08-07 05:56:58
问题 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 project so my components are only styled by angular bootstrap? Edit angular.json "styles": [ "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss", "node_modules/@fortawesome/fontawesome-free/scss/solid.scss", "node_modules/@fortawesome

Using props.data with MDBNav, how to activate the active TAB or LINK

柔情痞子 提交于 2020-05-09 06:56:26
问题 With ReactJS i am using MDBNav from MDBreact. This is the code od the container where is props.data defined: import React from 'react' import MiTabs from "../componentes/MiTabs"; class VpnList extends React.Component { state = { vpn: [ { nombre: 'Test1', activo: true, enlace: '#!', }, { nombre: 'Test2', activo: false, enlace: '#!', }, { nombre: 'Test3', activo: false, enlace: '#!', }, { nombre: 'Test4', activo: false, enlace: '#!', } ] }; render() { return ( <div> {/* <MiTabs data={this.state

Angular 7 Hide bootstrap modal in typscript

怎甘沉沦 提交于 2020-03-05 09:34:21
问题 I want to call (click)="basicModal.hide()" methode of MDBootstrap Modal inside one of my fuctions in my typescript component. I don't know how to access this method from component. <button type="button" mdbBtn color="primary" class="relative waves-light" (click)="basicModal.show()" mdbWavesEffect>Launch demo modal</button> <div mdbModal #basicModal="mdbModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myBasicModalLabel" aria-hidden="true"> <div class="modal-dialog" role=

How can i upload & Post image for individual dynamic form fields in Angular & MDBootstrap Drag and Drop file upload

我的未来我决定 提交于 2020-01-14 05:51:30
问题 How can to Post dynamic form fields & uploaded images using angular HttpClient. properties file: File | null; dynamicForm: FormGroup; angular formbuilder ngOnInit() { this.dynamicForm = this.formBuilder.group({ numberOfProductsEnterings: ['', Validators.required], productsForm: new FormArray([]) }); } getters for accessing the form values get f() { return this.dynamicForm.controls; } get p() { return this.f.productsForm as FormArray; } // dynamically adds or removes form(s) fields

Cannot get centered logo to reposition to the right on collapse

浪子不回头ぞ 提交于 2019-12-24 07:07:08
问题 I am having trouble getting the logo to stay in the top right side of the navbar on collapse. See images for issue. Collapsed content Navbar before collapse Code for review: <nav class="navbar navbar-expand-md fixed-top navbar-light blue-grey lighten-5 mx-auto"> <div class="container"> <!-- Collapse Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mobileNav" aria-controls="mobileNav" aria-expanded="false" aria-label="Toggle navigation"> <span class=

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

孤者浪人 提交于 2019-12-04 03:49:21
问题 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 ;-) 回答1: Try this(updated)... (Assuming you have already installed laravel) Go to your project directory and do: npm install --save mdbvue You will also need: npm install --save-dev babel-preset-stage-2 next go to resources/js/bootstrap.js and under the require('bootstrap'); add require('mdbvue'); it should