Just want to know how can I upgrade my ionic + angularJS app to ionic material + angular or angular matrial + ionic app.
I have a lot of code already written and do not want to change whole app. is there any way to inject material to existing ionic app?
It's pretty easy: https://github.com/zachsoft/Ionic-Material
As you can read in here github.com/zachsoft/Ionic-Material#can-i-use-ionic-and-angular-material-together, it's much better to use Ionic Material than Angular Material for ionic.
Here you have another module for Ionic with Material, but I have not tested this: https://github.com/delta98/ionic-material-design-lite.
If you want just simply changes (no angular directives), try getmdl.io
I haven't used angular matrial + ionic but I have used http://ionicmaterial.com/,
They guys at ionicmaterial, are doing a fantastic job, However by the time I tried to use it (about 1-2 months back), it some issues and I had to give it up halfway. And if you already have a lot of code it will be bit of a challenge to change them.
I'm currently using http://materializecss.com/', (its not elegant asionicmaterial`, but I have more control over the css, js etc.. and works pretty well.
and there are few themes in here as well
Ionic + Ionic material is the best choice.
Angular Material + Ionic are fairly incompatible (you can add them to the same project, but the styling will be extremely inconsistent and none of the UI components will work cross-framework, eg. an ionic side menu with material tabs). Ionic is 1.0 and angular material is still pre-1.0.
It's better to use ionic framework and ionic material together as ionic material is a "material extension" to Ionic.
Ionic Material extends the actual ionic framework namespace (in JS), renders material styles on the ionic elements (following ionic's conventions), and will aim to follow the releases of Ionic, and support material theming, ink, and motion for any new Ionic release, which explains why ionic material + angular would not be a great choice either.
Link poster by machnicki explains it all.
Related
Why angular material does not work with adminlte template I've imported all angular material component by app.module.ts but when I use mat-select it didn't work the design totally crashed such as below Screenshot :
My code is identical to this
another screen shoot
ASPNETZero use ngx-bootstrap rather than angular material, so ngx-bootstrap is already installed and you can use its components, you can find the components her https://valor-software.com/ngx-bootstrap/#/documentation#getting-started
I want to design my page like this
It is possible to use this template for my project or do I have to design using a script?
What is the solution to design a login page?
You can't use bootstrap in a react-native project, react-native styling isn't css, you have to write your own style or use a react-native UI toolkit (e.g. react-native-elements, native-base) to help you on your design.
I know that hybrid apps are much easier to use, so I need to choose a best one for my application that I already have as website, done in PHP. These are my options:
1.PhoneGap
2.AppDeck
3.Titanium
4.Ionic
Any suggestions on which is the best one to use?
Try to use PhoneGap since it is the most mature one.
Ionic is pretty much based on Cordova (which is based on PhoneGap)
But i'd go for Ionic from that list, seems to have lots of support being it and are adding stuff to it regularly.
From this I will recommend you Ionic.
It's as phonegap build on Cordova but Ionic seems to be the most hot hybrid platform right now
I am developing a webapp using phonegap + sencha touch, and I want to lock orientation on certain pages during runtime. I found this phonegap plugin , but it's not working for phonegap 3.X.
I also found something about a js function which named 'shouldRotateToOrientation', is it provided by phonegap? And it seems just works in multi-page(html files) app, my sencha touch app only have one html file.
So, how can I do that? Any help from you will be greatly appreciated.
i know this is not really a valid "answer" but SO doesn't let me comment with <50 rep. anyway, i noticed it's not that difficult to set up an old plugin to be used with cordova 3+. adhere to the folder structure (which you can see in existing cordova plugins like "device"), create a plugin.xml and install the plugin with plugman. read the documentation about plugin development and you should be good.
you will especially have to replace the function header in the ios files. replace
-(void)setAllowed:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options
with
- (void)setAllowed:(CDVInvokedUrlCommand*)command
This is a phonegap plugin for android/ios.
https://github.com/yoik/cordova-yoik-screenorientation
I am working on a Cordova app for which the client insists we have a custom keyboard for numeric input that looks native; the goal is similar to a keyboard that comes up with PayPal.
Here is the problem: we need to do this without touching the way things work for Android in our app. This probably means we need to create a cordova plugin, but I have read that creating custom keyboard is looked down on by the folks over at Apple (see this old post about it).
I've had a very difficult time finding any documentation on how to do this with Cordova on IOS, which makes me lean towards rolling a solution inside of Cordova using a jquery library. My question has two parts:
1: If possible, how does one create a custom keyboard for html5 inputs in Cordova as an IOS plugin?
2: If this is a lost cause, what existing jquery plugins would you recommend instead?