Ionicmaterial how?

Hello.
Well i founf this on web
http://ionicmaterial.com/
And i very loved it.
But i’m new on ionic. So i can’t import to my project. cCan you a little bit help me please?
Thank You

2 Likes

Seems you need install the library with:

$#: bower install ionic-material

then Ionic gonna locate this files in lib/ then later you need add this files in your project. Seems like you only need include

material-ionic.css
material-ionic.js

you can see an example. in:

lib/ionic-material/preview/index.html

or if you download the .zip in

bower_components/ionic-material/preview/index.html

have fun :smile:

Wow - you read my mind! Been wanting something like this over the past few months, and now here it is. Thanks for mentioning!

well i did it what you say and it’s here the results :frowning:
i added this

<script src="lib/ionic/js/ionic.bundle.js"></script>
      <link href="lib/ionic-material/dist/material-ionic.min.css" rel="stylesheet">
      <link href="lib/Waves/dist/waves.min.css">
      <script src="lib/Waves/dist/waves.min.js"></script>
      <!-- ionic/angularjs js -->
      <script src="lib/ionic-material/dist/material-ionic.min.js"></script>

Should be


at my phone :frowning:

mmm i guess that Waves is not in your lib/ folder.

additionaly plz run:

ionic run serve

and see the messages in console from Google Chrome ( ⌥ + ⌘ + J ) plz paste here to figure what is happening.

Kind Regards,

@carlosrojas_o

you need to wrap your app in a div with the class ionic
like

<body ng-app="yourapp">
<div class="ionic">

....

</div>
</body>

i will try thank you :smile:

I’m having a similar problem. Has a solution been found for this? Thanks!

I managed to install successfully. I only had to edit the file locations in ionic lib files and it works fine. If ionic material is not implementing, it is useful to check console to see the errors.