Quantcast
Channel: Material Design for Bootstrap » All Posts
Viewing all 2988 articles
Browse latest View live

Compiling SASS

$
0
0

Hi
I changed the primary color in variables.scss:
$primary-color: #1b3d63 !default;
And also set the hover color of the dropdown to the primary color:
/*** Dropdown ***/
$dropdown-bg-color: #fff !default;
$dropdown-hover-bg-color: $primary-color !default;

After compiling the hover color of the dropdown is still the standard blue:

.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active {
border-radius: 2px;
color: #fff !important;
transition: all 0.1s linear;
background-color: #4285F4; }

I also changed the brand primary in variables-b4:
$brand-primary: #1b3d63 !default;

Nothing seems to overwrite the standard blue…
Thanks for your help.


Reply To: MDB Select is not working in Angular 2

$
0
0

Hello,

In response to your issue, I wanted to let you know about just released MDBootstrap Angular kit, that may be a sufficient solution to this or any other issues you have had with Angular integration so far.

The kit can be found at the following link:

Angular Bootstrap with Material Design

It contains all the components you could find in MDB jQuery version.

We encourage you to try it out and report any bugs or issues at support@mdbootstrap.com with [Angular] prefix or create a thread on this forum.

Have a great day!

Reply To: Angular 2/4 Support

$
0
0

Hello,

In response to your issue, I wanted to let you know about just released MDBootstrap Angular kit, that may be a sufficient solution to this or any other issues you have had with Angular integration so far.

The kit can be found at the following link:

Angular Bootstrap with Material Design

It contains all the components you could find in MDB jQuery version.

We encourage you to try it out and report any bugs or issues at support@mdbootstrap.com with [Angular] prefix or create a thread on this forum.

Have a great day!

Reply To: MDB Select Angular 2 Issue

$
0
0

Hello,

In response to your issue, I wanted to let you know about just released MDBootstrap Angular kit, that may be a sufficient solution to this or any other issues you have had with Angular integration so far.

The kit can be found at the following link:

Angular Bootstrap with Material Design

It contains all the components you could find in MDB jQuery version.

We encourage you to try it out and report any bugs or issues at support@mdbootstrap.com with [Angular] prefix or create a thread on this forum.

Have a great day!

Reply To: Compiling SASS

$
0
0

Found it: the !default; has to be removed.

Reply To: centring images in carousel and specifying height

Reply To: centring images in carousel and specifying height

$
0
0

Just realised that specifying the max-height on the page doesn’t work responsively, so have created a stylesheet with appropriate media queries, which appears to work OK, though haven’t tested it extensively yet.

Chris

Reply To: using modal in navbar

$
0
0

Hello,
You mean you’re using 4.2.0 PRO, yes? Could you show me what’ve you tried till now?


Angular-boostrap-md gives error

$
0
0

First thank you for good product and letting Angular happen.

I did experiment with new Angular-boostrap-md and with first try got error. Steps to reproduce:

1. create project with ng new my-app
2. in project dir install package – npm install angular-bootstrap-md
3. Setup buttons module – import { ButtonsModule } from ‘angular-bootstrap-md’; …… imports: [
BrowserModule,
FormsModule,
ButtonsModule
],

May be I did somthing wrong?

Reply To: Issue with Material Select within Vertical Stepper

$
0
0

Hi, thx for reply. The thing is I didn’t set it, it’s inherited from Vertical Stepper component.

I followed my idea from last post and replace “.stepper-vertical li” to “.stepper-verical > li” within mdb.min.css. It works as it supposed to 😉

bests,
pp.

Reply To: Angular-boostrap-md gives error

$
0
0

Could you show us error from browser console?

Reply To: Angular-boostrap-md gives error

Reply To: Fixed navbars

Reply To: Angular-boostrap-md gives error

$
0
0

Sory… at time I made my test, this file was empty.. 🙂

Will follow instructions now, and let you know how it goes.

Reply To: using modal in navbar


Reply To: using modal in navbar

$
0
0

Hi, you only need to add this attributes to your tag (data-toggle=”modal” data-target=”#basicExample”) and you don’t need add button like in your screenshot. If you know thata dn you need help with button styles probably add class btn-sm to your btn tag

Reply To: Angular-boostrap-md gives error

$
0
0

Sadly components with custom directives does not work this way 🙁

And my app.module.ts contains:

import { MDBBootstrapModule } from ‘angular-bootstrap-md’;
……………
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MDBBootstrapModule.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Probably have to add something to components?

  • This reply was modified 16 hours, 28 minutes ago by  polis.gints.

Reply To: using modal in navbar

$
0
0

Thanks for solving the problem. It’s nice to have such helpful people on the forum.

Reply To: Angular-boostrap-md gives error

$
0
0

Hello,
We’re really sorry for not enough information about how to start a project. We’re working on it.
Could you explain us a bit more about your problem? What would you like to do?

Reply To: centring images in carousel and specifying height

$
0
0

Hi Chris,

Ok then, write here If you will have any other problems.

Best,
Marta

Viewing all 2988 articles
Browse latest View live