My Ionic Material Design

My Ionic Material Design

Material Design to your Ionic based applications.

Free!

(17)
satish verma

satish verma

Member since 2015

Details

Version:
0.0.1
Size:
3mb
Ionic:
1.x
Platforms:
Android
View ID:
mdi1432sv
Released:
8 years ago
Updated:
7 years ago
Category:
Themes
Tags:
ionic application, ionic, material app, material design app, ionic material design, android ionic app, android material design.

This application will help you to develop Material Design app using Ionic framework.

Hey there! You'll need to log in before you can leave a comment here.

Carlos

Carlos   ·   8 years ago

Genial gracias

Adrien

Adrien   ·   8 years ago

Is it working with IOS?

satish verma

satish verma   ·   8 years ago

Yes it is working with IOS.

Richard Gillingham

Richard Gillingham   ·   8 years ago

seem to be a lot of drawing issues on IOS 7.1 - square backgrounds during the animation of the buttons. Bad spin effects

satish verma

satish verma   ·   8 years ago

thanks Richard Gillingham, Let me check on IOS 7.1

Cordova Extreme

Cordova Extreme   ·   8 years ago

Much like your theme . To install a theme just add and reference the references ( JS, CSS) ?

satish verma

satish verma   ·   8 years ago

Hi, Cordova Phone, if you like this theme than give rating and to install this theme you have to add some libraries, js, css.

Cordova Extreme

Cordova Extreme   ·   8 years ago

Yes I installed and really enjoyed it!!!!! , it just sort one last doubt is the same : http://ionicmaterial.com/???

satish verma

satish verma   ·   8 years ago

Hello Cordova phone, I want to ask you that what do you want to say or doubt regarding this http://ionicmaterial.com/???

Cordova Extreme

Cordova Extreme   ·   8 years ago

have a doubt , have an app equal to demonstration and menu pages that open around the menu , I would also have a details page with the back button , you could help me what to do I change. Thanks a lot!!!!

Afrim Azizi

Afrim Azizi   ·   8 years ago

Hi, how I can change the default colors like for assertive or primary. And I have issue when I place a buttons bar inside subheader the buttons are smaller and floats to the left the right side seems blank but instead the buttons bar div is spreaded in full width as it supposed to be.

satish verma

satish verma   ·   8 years ago

Hi Afrim Azizi , would you like to change the theme color or button color?

Cordova Extreme

Cordova Extreme   ·   8 years ago

hello , I'm in trouble every time screen change (controller ) the css is not loaded and my html either, but the controller is called ( I tested ) . Example my " ion -nav bar " is in light blue color " calm" when screen change it back to blue pattern escuro.Para need to update the nav bar click it back there the color that is set by default.

Cordova Extreme

Cordova Extreme   ·   8 years ago

Yes man i found the bug, on the menu only changed the nav bar css and it does not fix this css page when in change.(EX. I took his example and changed the css nav-bar(calm) when switched page he has not kept

satish verma

satish verma   ·   8 years ago

hi Cordova Extreme, if you want to kept css for nav-bar then you have to write your own code to handle this and this is not the bug.

Venkat

Venkat   ·   8 years ago

Do we need to install Crosswalk for this ?

satish verma

satish verma   ·   8 years ago

Hi Venkat, I need Crosswalk but for my new Ionic2 app not for this.

Nick Kenens

Nick Kenens   ·   8 years ago

This is amazing.

Marc

Marc   ·   8 years ago

This is a fork of https://github.com/zachsoft/Ionic-Material, correct? The Thronester demo is even there. Is there any difference with at all?

satish verma

satish verma   ·   8 years ago

Hi Marc Reyes, This is not a fork of "https://github.com/zachsoft/Ionic-Material".

Marc

Marc   ·   8 years ago

So you are saying you made this?

Marc

Marc   ·   8 years ago

It has an MIT license so all good to copy. Here's their version http://ionicmaterial.com/demo/. There hasn't been any updates so I just thought you had forked it and improved it.

Markus Thiel

Markus Thiel   ·   8 years ago

So what is the difference between this project and ionicmaterial.com?

Krishan Pal

Krishan Pal   ·   8 years ago

Hello, I'm suffering problem in ng-repeat for anchor tag. Effects not working in ng-repeat, any help!

Matteo

Matteo   ·   8 years ago

Hello, I've started a new app with "ionic start myAppName tabs" and when I try to use this themes, this error occurs: " Uncaught TypeError: Cannot read property 'classList' of null" in ionic.material-design-lite.bundle.min.js. Can anyone help me please? Thanks

Matteo

Matteo   ·   8 years ago

Please add support for select list like this: https://github.com/CreativeIT/getmdl-select

Thomas

Thomas   ·   8 years ago

does this adapt to look like native ios when built for ios? in other words: is it recommanded to use this for android AND ios or only for android?

satish verma

satish verma   ·   8 years ago

hi Thomas, At this time this is only for Android, but if you want to use this as IOS, you have to built for ios.

Thomas

Thomas   ·   8 years ago

thanks, but it is in principle usable for ios?

satish verma

satish verma   ·   8 years ago

yes it is.

AdminWeb

AdminWeb   ·   8 years ago

I don't like this. This is limited to ionic features. I cannot change theme color using Google material design palette for example.

jocilanilton ribeiro dos santos

jocilanilton ribeiro dos santos   ·   8 years ago

how can I get the icon twitter, anyone can help me ?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

jocilanilton ribeiro dos santos

jocilanilton ribeiro dos santos   ·   8 years ago

how can I delete the twitter icon, someone can help me

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

osx86

osx86   ·   8 years ago

Hi all. I am newbie want to learn Ionic. Any body can help .

satish verma

satish verma   ·   8 years ago

yes, i can teach you Ionic and angularjs.

Bonface

Bonface   ·   8 years ago

Satish, me too would like to be your student in ionic 2 and angularjs. I have basic idea. We can work out something.

satish verma

satish verma   ·   8 years ago

Yes Bonface, We can do much more. please mail me about your idea at satish.verma143@gmail.com

karthick

karthick   ·   8 years ago

please help me ionic learn

satish verma

satish verma   ·   8 years ago

Yes Karthick, how can i help you? if you want to learn ionic, your most welcome. if any concern mail me at satish.verma143@gmail.com

Obiorah Cyril

Obiorah Cyril   ·   7 years ago

hello satish i will write you an email now hope to get a response from you, thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

David

David   ·   8 years ago

Is this being updated? It still has got support?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Patrick Sun

Patrick Sun   ·   8 years ago

this theme is superb

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

imam istiqamah

imam istiqamah   ·   8 years ago

hi, i'm newbie for ionic. how to intall this theme? thanks

Valter Negreiros

Valter Negreiros   ·   7 years ago

Copy the demo folder and paste your www folder into your app

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Mohammed Zawadul Farhan

Mohammed Zawadul Farhan   ·   8 years ago

Love the theme! Is it possible to override the default colours and how do i do it?

satish verma

satish verma   ·   8 years ago

yes you can. but you have to include the package "ngMaterial" and write the code in app.config section : $mdThemingProvider .theme('default') .primaryPalette('purple') .accentPalette('deep-purple'); appPrimaryColor = $mdColorPalette[$mdThemingProvider._THEMES.default.colors.primary.name]["500"]; //Use for get base color of theme.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

pradipta pal

pradipta pal   ·   8 years ago

how can I add Drop-down and date picker?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

karthick

karthick   ·   8 years ago

hi how to set transaction delay in ionic material

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

abbie

abbie   ·   8 years ago

Nice work

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

felickx

felickx   ·   8 years ago

You should name the original author and what you have changed in contrast to the old project as it is a fork of https://github.com/zachfitz/Ionic-Material

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Yukiharu Matsuo

Yukiharu Matsuo   ·   8 years ago

ionic2 version??

Valter Negreiros

Valter Negreiros   ·   7 years ago

Ionic 1

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Dilip Nikam

Dilip Nikam   ·   7 years ago

Will this theme support iOnic 2 ?

Valter Negreiros

Valter Negreiros   ·   7 years ago

The project code is based in angular 1 , probably not.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

syarifuddin ahmad

syarifuddin ahmad   ·   7 years ago

nice themes...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Valter Negreiros

Valter Negreiros   ·   7 years ago

Hello, how to change default theme color ? I use this theme in my all apps...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Interface Soluções em TI

Interface Soluções em TI   ·   7 years ago

Hi! Can i install this beauty theme in my Ionic Creator app?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Akash Raj

Akash Raj   ·   5 years ago

i am using ionic2 with bootstrap to make PWA. I had used "My Ionic Material Design" theme. I am facing problem to implement Sticky footer. I had tried with bootstrap code but problem is the Sticky footer moving along with screen. How can i Fix it always in bottom of screen. Anyone Please Help. https://stackoverflow.com/questions/55321098/sticky-footer-is-moving-along-with-screen-while-scrolling-in-ionic2bootstrap4

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Luis Humberto Balam Gonzalez

Luis Humberto Balam Gonzalez   ·   3 years ago

Thanks for share!...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Luis Humberto Balam Gonzalez

Luis Humberto Balam Gonzalez   ·   3 years ago

Thanks for share!...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Akash Raj

Akash Raj   ·   5 years ago

i am using ionic2 with bootstrap to make PWA. I had used "My Ionic Material Design" theme. I am facing problem to implement Sticky footer. I had tried with bootstrap code but problem is the Sticky footer moving along with screen. How can i Fix it always in bottom of screen. Anyone Please Help. https://stackoverflow.com/questions/55321098/sticky-footer-is-moving-along-with-screen-while-scrolling-in-ionic2bootstrap4

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Interface Soluções em TI

Interface Soluções em TI   ·   7 years ago

Hi! Can i install this beauty theme in my Ionic Creator app?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Valter Negreiros

Valter Negreiros   ·   7 years ago

Hello, how to change default theme color ? I use this theme in my all apps...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

syarifuddin ahmad

syarifuddin ahmad   ·   7 years ago

nice themes...

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Dilip Nikam

Dilip Nikam   ·   7 years ago

Will this theme support iOnic 2 ?

Valter Negreiros

Valter Negreiros   ·   7 years ago

The project code is based in angular 1 , probably not.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Yukiharu Matsuo

Yukiharu Matsuo   ·   8 years ago

ionic2 version??

Valter Negreiros

Valter Negreiros   ·   7 years ago

Ionic 1

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

felickx

felickx   ·   8 years ago

You should name the original author and what you have changed in contrast to the old project as it is a fork of https://github.com/zachfitz/Ionic-Material

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

abbie

abbie   ·   8 years ago

Nice work

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

karthick

karthick   ·   8 years ago

hi how to set transaction delay in ionic material

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

pradipta pal

pradipta pal   ·   8 years ago

how can I add Drop-down and date picker?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Mohammed Zawadul Farhan

Mohammed Zawadul Farhan   ·   8 years ago

Love the theme! Is it possible to override the default colours and how do i do it?

satish verma

satish verma   ·   8 years ago

yes you can. but you have to include the package "ngMaterial" and write the code in app.config section : $mdThemingProvider .theme('default') .primaryPalette('purple') .accentPalette('deep-purple'); appPrimaryColor = $mdColorPalette[$mdThemingProvider._THEMES.default.colors.primary.name]["500"]; //Use for get base color of theme.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

imam istiqamah

imam istiqamah   ·   8 years ago

hi, i'm newbie for ionic. how to intall this theme? thanks

Valter Negreiros

Valter Negreiros   ·   7 years ago

Copy the demo folder and paste your www folder into your app

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Patrick Sun

Patrick Sun   ·   8 years ago

this theme is superb

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

David

David   ·   8 years ago

Is this being updated? It still has got support?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

osx86

osx86   ·   8 years ago

Hi all. I am newbie want to learn Ionic. Any body can help .

satish verma

satish verma   ·   8 years ago

yes, i can teach you Ionic and angularjs.

Bonface

Bonface   ·   8 years ago

Satish, me too would like to be your student in ionic 2 and angularjs. I have basic idea. We can work out something.

satish verma

satish verma   ·   8 years ago

Yes Bonface, We can do much more. please mail me about your idea at satish.verma143@gmail.com

karthick

karthick   ·   8 years ago

please help me ionic learn

satish verma

satish verma   ·   8 years ago

Yes Karthick, how can i help you? if you want to learn ionic, your most welcome. if any concern mail me at satish.verma143@gmail.com

Obiorah Cyril

Obiorah Cyril   ·   7 years ago

hello satish i will write you an email now hope to get a response from you, thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

jocilanilton ribeiro dos santos

jocilanilton ribeiro dos santos   ·   8 years ago

how can I delete the twitter icon, someone can help me

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

jocilanilton ribeiro dos santos

jocilanilton ribeiro dos santos   ·   8 years ago

how can I get the icon twitter, anyone can help me ?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

AdminWeb

AdminWeb   ·   8 years ago

I don't like this. This is limited to ionic features. I cannot change theme color using Google material design palette for example.

satish verma

satish verma   ·   8 years ago

yes it is.

Thomas

Thomas   ·   8 years ago

thanks, but it is in principle usable for ios?

satish verma

satish verma   ·   8 years ago

hi Thomas, At this time this is only for Android, but if you want to use this as IOS, you have to built for ios.

Thomas

Thomas   ·   8 years ago

does this adapt to look like native ios when built for ios? in other words: is it recommanded to use this for android AND ios or only for android?

Matteo

Matteo   ·   8 years ago

Please add support for select list like this: https://github.com/CreativeIT/getmdl-select

Adrien

Adrien   ·   8 years ago

Is it working with IOS?

Krishan Pal

Krishan Pal   ·   8 years ago

Hello, I'm suffering problem in ng-repeat for anchor tag. Effects not working in ng-repeat, any help!

Markus Thiel

Markus Thiel   ·   8 years ago

So what is the difference between this project and ionicmaterial.com?

Marc

Marc   ·   8 years ago

It has an MIT license so all good to copy. Here's their version http://ionicmaterial.com/demo/. There hasn't been any updates so I just thought you had forked it and improved it.

Marc

Marc   ·   8 years ago

So you are saying you made this?

satish verma

satish verma   ·   8 years ago

Hi Marc Reyes, This is not a fork of "https://github.com/zachsoft/Ionic-Material".

Marc

Marc   ·   8 years ago

This is a fork of https://github.com/zachsoft/Ionic-Material, correct? The Thronester demo is even there. Is there any difference with at all?

Nick Kenens

Nick Kenens   ·   8 years ago

This is amazing.

satish verma

satish verma   ·   8 years ago

Hi Venkat, I need Crosswalk but for my new Ionic2 app not for this.

Venkat

Venkat   ·   8 years ago

Do we need to install Crosswalk for this ?

satish verma

satish verma   ·   8 years ago

hi Cordova Extreme, if you want to kept css for nav-bar then you have to write your own code to handle this and this is not the bug.

Cordova Extreme

Cordova Extreme   ·   8 years ago

Yes man i found the bug, on the menu only changed the nav bar css and it does not fix this css page when in change.(EX. I took his example and changed the css nav-bar(calm) when switched page he has not kept

Cordova Extreme

Cordova Extreme   ·   8 years ago

hello , I'm in trouble every time screen change (controller ) the css is not loaded and my html either, but the controller is called ( I tested ) . Example my " ion -nav bar " is in light blue color " calm" when screen change it back to blue pattern escuro.Para need to update the nav bar click it back there the color that is set by default.

satish verma

satish verma   ·   8 years ago

Hi Afrim Azizi , would you like to change the theme color or button color?

Afrim Azizi

Afrim Azizi   ·   8 years ago

Hi, how I can change the default colors like for assertive or primary. And I have issue when I place a buttons bar inside subheader the buttons are smaller and floats to the left the right side seems blank but instead the buttons bar div is spreaded in full width as it supposed to be.

Cordova Extreme

Cordova Extreme   ·   8 years ago

have a doubt , have an app equal to demonstration and menu pages that open around the menu , I would also have a details page with the back button , you could help me what to do I change. Thanks a lot!!!!

satish verma

satish verma   ·   8 years ago

Hello Cordova phone, I want to ask you that what do you want to say or doubt regarding this http://ionicmaterial.com/???

Cordova Extreme

Cordova Extreme   ·   8 years ago

Yes I installed and really enjoyed it!!!!! , it just sort one last doubt is the same : http://ionicmaterial.com/???

satish verma

satish verma   ·   8 years ago

Hi, Cordova Phone, if you like this theme than give rating and to install this theme you have to add some libraries, js, css.

Cordova Extreme

Cordova Extreme   ·   8 years ago

Much like your theme . To install a theme just add and reference the references ( JS, CSS) ?

satish verma

satish verma   ·   8 years ago

thanks Richard Gillingham, Let me check on IOS 7.1

Richard Gillingham

Richard Gillingham   ·   8 years ago

seem to be a lot of drawing issues on IOS 7.1 - square backgrounds during the animation of the buttons. Bad spin effects

satish verma

satish verma   ·   8 years ago

Yes it is working with IOS.

Carlos

Carlos   ·   8 years ago

Genial gracias

Matteo

Matteo   ·   8 years ago

Hello, I've started a new app with "ionic start myAppName tabs" and when I try to use this themes, this error occurs: " Uncaught TypeError: Cannot read property 'classList' of null" in ionic.material-design-lite.bundle.min.js. Can anyone help me please? Thanks

Hey there! You'll need to log in before you can leave a rating here.

satish verma   ·     ·   8 years ago

awesome app

Carlos   ·     ·   8 years ago

Gracias

Cordova Extreme   ·     ·   8 years ago

Nice!! is helping me a lot this thema it works great!!!

Train Heartnet   ·     ·   8 years ago

Awesome

Jesse Jin   ·     ·   8 years ago

Nice!!!

Hieu Pham   ·     ·   8 years ago

Great!

Dung Nguyen   ·     ·   8 years ago

Nice theme

Chris   ·     ·   8 years ago

I think Satish rocks. The entire community benefits because he cares enough. Thank you.

Ohad Shapira   ·     ·   8 years ago

Awesome! Thank you

Fabio Barboza   ·     ·   8 years ago

Awesome! Thank you

Neal Gabriel   ·     ·   8 years ago

5 stars for sharing.

SEBTI   ·     ·   8 years ago

Very Nice theme

Andres Herrera Garcia   ·     ·   8 years ago

Very good!

Valter Negreiros   ·     ·   7 years ago

Very nice theme and API.

Xiaogen Hu   ·     ·   7 years ago

GREAT!

Daniel Acosta   ·     ·   6 years ago

El tema mas bonito!!!

samuelmugi   ·     ·   5 years ago

for a free theme i like it. Thanks

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

samuelmugi    ·     ·   5 years ago

for a free theme i like it. Thanks

Daniel Acosta    ·     ·   6 years ago

El tema mas bonito!!!

Xiaogen Hu    ·     ·   7 years ago

GREAT!

Valter Negreiros    ·     ·   7 years ago

Very nice theme and API.

Andres Herrera Garcia    ·     ·   8 years ago

Very good!

SEBTI    ·     ·   8 years ago

Very Nice theme

Neal Gabriel    ·     ·   8 years ago

5 stars for sharing.

Fabio Barboza    ·     ·   8 years ago

Awesome! Thank you

Carlos     ·     ·   8 years ago

Gracias

Chris    ·     ·   8 years ago

I think Satish rocks. The entire community benefits because he cares enough. Thank you.

Dung Nguyen    ·     ·   8 years ago

Nice theme

Hieu Pham    ·     ·   8 years ago

Great!

Jesse Jin    ·     ·   8 years ago

Nice!!!

Train Heartnet    ·     ·   8 years ago

Awesome

Cordova Extreme    ·     ·   8 years ago

Nice!! is helping me a lot this thema it works great!!!

satish verma    ·     ·   8 years ago

awesome app

Ohad Shapira    ·     ·   8 years ago

Awesome! Thank you