Topic: simple project for angular with mdb

Rezgar free asked 5 years ago

Hello people,I am new to angular and mdb framework also, we want to test this framework and see if it fulfills our need .can any provide a simple project for angular with mdb ?!thanks

Damian Gemza staff answered 5 years ago

Rezgar, if you for example wants to build navigation, you have to use only code from documentation. In example sample navigation for your's application should likes this below. After navigation you could use some buttons, card, carousel or whatever what you want.

<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark indigo">
    <!-- Navbar brand -->
    <logo><a class="navbar-brand" href="#">Navbar</a></logo>

    <!-- Collapsible content -->

        <!-- Links -->
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link waves-light" mdbRippleRadius>Home<span class="sr-only">(current)</span></a>
            <li class="nav-item">
                <a class="nav-link waves-light" mdbRippleRadius>Features</a>
            <li class="nav-item">
                <a class="nav-link waves-light" mdbRippleRadius>Pricing</a>

            <!-- Dropdown -->
            <li class="nav-item dropdown" dropdown>
                <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
                Basic dropdown<span class="caret"></span></a>
                <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Action</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Another action</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Something else here</a>
                    <div class="divider dropdown-divider"></div>
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Separated link</a>

        <!-- Links -->

        <!-- Search form -->
        <form class="form-inline  waves-light" mdbRippleRadius>
            <input class="form-control mr-sm-2" type="text" placeholder="Search">
    <!-- Collapsible content -->


Rezgar free commented 5 years ago

thanks a lot, I got it, for components like date picker, how can we test it ?! I already sent an email to support without reply. thanks again

Damian Gemza staff commented 5 years ago

Just copy code from documentation and refresh page :) If you need more help, please write an email to me:

Damian Gemza staff answered 5 years ago

Hello Rezgar, We haven't got sample application to deliver our customers. In one hour you could build sample app using our Angular components. Just pick few things from our documentation, and copy sample codes to your's application. It's really easy even for people who had no contact with Angular / Bootstrap. Best Regards, Damian

Rezgar free commented 5 years ago

Hello Damian, thanks for quick response, sorry for dummy question but is there special selector like mdb-navbar or mdb-header should I use ? thanks

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No