While trying to run the demo locally, bower cannot resolve "https://github.com/fians/Ink.git#~0.5.5" because it seems to be private repo.

Hey, love the work!

I'm looking around for material design frameworks, and noticed that there a number of them; each of them building out the same type of CSS modules. There are a number of material frameworks, but each one is built for a specific JS framework.
I'm wondering if it would be possible to centralize some of the similar CSS work into a separate project.

I'm not on ionic, but I really like what you're doing here.

Do you use scss, or another preprocessor? (couldn't see any .scss files)
Would you be interested in a project that focuses on the CSS elements in the material design spec, and leaves the JS stuff to other frameworks, or provides helper functions that other JS frameworks could use?

Just brainstorming right now, but this is something that I think could help create a larger toolset for all the material design focused projects.

Hello Zach, i tried to add some content to a page, and i tried adding the content-scroll:true attribute , but i can't scroll down in any page i used ionic material in. is there any way to achieve this? maybe a css attribut i am not aware of perhaps?

Thanks,
Shaul.

Looks great, but some API documentation would be incredible. Thanks =D

I read that is possible to use Ionic and Angular Material (material.angularjs.org), this project is an alternative? or is bridge between that?

I've tried to populate a list with ng-repeat after an asynchronous call, but it doesn't show js animation (for example wave effect).

If I load elements immediately, every js is shown.

hi Zach, I noticed that if you open a popover in the header, it's header will be cut out. please fix this when you have the chance...thanks :)

Had some trouble getting started as my build tool is set to include all main bower files and ionic material refused to join the party.

bower.json and package.json should be updated to include the correct css and js files.

Would have done a PR but wasn't sure where you wanted the files (root or dist folder).

"main": [
  "./ionic.material.min.css",
  "./ionic.material.min.js"
],

is it possible to use a clean package to avoid using angular? I would like to use ionic material with meteorJS

Can be done in tandem with #55

hello Zach, I have been checking the thronester, and I noticed that if you open the menu, the header of the menu jumps to the height of the apps header. ..is there any way to fix this?

• add a note about bower/npm semantic versioning

While playing around with the demo app I noticed the login fields are missing. Since I absolutely love how material design handle the labels/placeholders I'd sure miss it from ionic-material.

see live at: http://ionicmaterial.com/demo/demo/www/#/app/login

Had to include ion-md-input to make teh demo work, is it only me?

Probably requires webpack first.

Hello Zach, I succeeded to add the ink effect to the menu items, great implementation!
Now i am trying to animate the menu items themselve, like with animte-blinds for example.
My problem is when i put the animation class on the menu list, and check the app, i can see nothing..

I read you need to add an animation initialization to the controller of the page, but in my app.js i have no menu page state, so i am not sure where to edit this.

Any help would be appreciated.
Thanks man :)

This will minimise code duplication, especially with browser specific prefixing.

A big amount of items in a animated list create a memory leak and crash app on iOS.

Will do a reproduction soon and start to fix this issue.

the current implementation relies on the global ionic object which is bad for mocking/testing/reusability/etc.

I suggest we create $ionicMaterialInk and $ionicMaterialMotion providers.

@ZachSoft Can you please let me know about how to use ionic material. I have install it using bower and now I saw directories in my lib folder. Also, included the ionic-material.js and css files inindex.html
But still did not see the button or any other components changed in material design.

Can you please please help integrating or any small doc how to include it ? I know api doc is on the way, but again a smal 5-10 lines of itegration will help :)
So, after that we can also contribute to the doc.

I installed the demo app and when I scroll through a list I am getting the material animation as though I had tapped the item.

Would love to see the floating action buttons expanded on and incorporate a menu system like: https://github.com/nobitagit/ng-material-floating-button

Awesome library btw! Making some awesome prototype apps atm. <3

Cheers

Hey, first of all let me thank you for this great project, I am willing to contribute and help as needed.

by the way have seen that the project site is somewhat slow, check this https://developers.google.com/speed/pagespeed/insights/?url=ionicmaterial.com have not thought about moving it to a page on github, its simple an easy. Let me know what you think and how it could help in the project.

I didn't find the document, is CSS or ngAnimate ?

.drop as an example doesn't work on iOS devices/Safari due to missing -webkit prefixes.

http://ionicmaterial.com/

Unable to load the webpage because the server sent no data.
Error code: ERR_EMPTY_RESPONSE

Tried from Thailand and my US vpn.

I made a bower friendly version of RobotoDraft @ https://github.com/raibutera/robotodraft

bower install robotodraft will work, but there's a few extra steps (especially if scss is involved)

justification: with cordova apps etc it's best to bundle the font

hi Zach , I would to add a wish for an implementation of the status bar plugin. in this way we could change status bar color on lollipop and it will look more professional.

thanks :)

Hi!
In order to use ionic-material, we have to replace all the ionic directives, with normal classes - right?

It works fine for lists, buttons, etc - but the navbar and the backbuttons won't work any longer.
Is there any workaround for this? (I'm using the side-menu starter template).

i have an ng-repeat and i've noticed if i clicked the list, no effects are showing. Here is the code that i've used

<div class="list">
            <a class="item item-text-wrap" ui-sref="route.detail" ng-repeat="route in searchResults">
                <h2>{{ route.name }}</h2>
                <p>
                    From <strong>{{ route.to }}</strong>
                    to <strong>{{ route.from }}</strong>
                </p>
            </a>
        </div>

I am running the test app on an LG G3 Lollipop and when navigating around the app the animations are slightly slow (just enough to make it an issue).

This is an awesome project - I think the guys at Ionic should consider integrating this solution into their framework to help Android developers.

Hey Ionic released 1.0.0-rc.0 and beta 1.0 is out more then a half year why is there 0.9... ?

Hello Again Zach, i did some tests and tried to compile the list page from your demos, it looks great and behaves great when viewing from chrome. i than went to intel xdk and built the project in regular android, and also in crosswalk, and the application works great, but there are not animations working for the enter page, is there any additional step to make them work in the built app?

Thanks,
Shaul.

When I try to filter the list, the whole list is gone. Without animation everything works fine.

Here is the code I have:

<label class="item item-input">
    <input type="text" placeholder="City" ng-model="searchCity">
  </label>
<ion-list class="animate-blinds">
    <ion-item ng-repeat="x in items | filter:searchCity"  ui-sref="app.details({ loc: loc, id: x.id })">
        <h2>{{ x.title }}</h2>
        <p>{{ x.content }}</p>
    </ion-item>
</ion-list>

Hello,

Can you register Ionic-material on bower ?

http://bower.io/docs/creating-packages/#register

thanks,

Arnaud

To implement 'Delightful Details'

Open Source Library Options:

• https://github.com/bitshadow/iconate
• https://transformicons.com

When running bower install on the demo app it stop with this. Apparently fians does not have a repo by the name ink anymore or it's private now.

I've tried your demo project on an Android device, but it doesn't work like on iOS device. It doesn't navigate into other views, and scrollview is not currectly rendered on load.

Hello, first of all awesome alpha release.
But im having a major bug, the list items are hidden inside ion-content after i scroll. The animation doesn't get triggered. Is this "normal" (bug) ? or is there a fix?

Thanks in advance.

Hello Zach, i was wandering if you are working on maybe a demo built on top of ionic, including angular setup, and ui-router configuration?
currently i can see only demos for seperate pages, but no router to change the pages, so i am not sure how to use the code in a regular project with a number of pages... any help would be appreciated :)

Thanks,
Shaul.

Hello Again Zach, I have tried to add the bottom right fab button, and succeeded, but the button is not fixed to it's right corner, and on different displays it will show or not show... instead of being fixed in place, like the top fab button, which works great in this manner.
How can i fix this problem?

Thanks so much,
Shaul.

Hi, I noticed that after adding the ionic-material library to my project, the header's title , and menu button, got an additional margin to the right.... i was wandering if this is supposed to be or a bug...

Thanks,
Shaul.

Hi Guys, This looks awesome, have had a play with it on a test project. Are you going to be supplying some documentation?

when i have a list of more than 4-5 elements that are not all in view at the same time, the animation does not animate all of the elements so when i scroll through the list i see blank space where the remaining elements should be. when i remove the effects the list populates fine. any ideas why?

Hi Zach, the project is coming really good. I can still notice that the page's width is more than 100%, I can see it a bit stretched...any chance you can check it out? I am on android 5 with a lg g3

Hi man than looks great! I was wandering if there is going to be a tabs element, and sidemenu element also? That would be a great addition:)

Dividers Specification

Places where need to fix:

• item-divider

Properties that need fixing:

• color
• padding
• sub-dividers
• first child dividers

Considerations:

• light themes?

example: (tabs-background-calm-900)