Say for example i have a list or a card list on mobile, is it possible to do something different for iPad / tablets ie: a grid layout etc? Or will the cards / lists just expand to the screen size?
Im not sure how to cater for iPad / tablet using Ionic? Looks great on a phone, but if i download the app on a tablet how do you cater for this experience with Ionic and potentially showing a different view with all the different components?
For example i noticed a users screenshot like below - is this possible, if so how?
Can anyone help with this at all?
The best bet here I think would be a library like -
http://sapegin.github.io/jquery.mosaicflow/ or any responsive css layout.
I just mean in general really, or does ionic mainly only cater for mobile first?
Currently mobile first!!
But if you want you can put some hacks like using views with ng-if. It is tough to maintain though.
OR you can call different views for each based on routing. Update routing urls as something like mobile/imageScreen and tablet/imageScreen and load different html files for each
I opened a new discussion about the thema for ionic2 on this forum
We would like to build one mobile app shared by smartphone and tablet (and desktop if possible).
Is there a way to include different views for different devices? I would not like to use ngIf for doing this because this has to many loaded and unused code.
the perfect thing would be have
and so on.
I know the team talked a long time ago about that and was interested to do this also for ionic1. How is the situation now for that? Also it would …
you can use media queries
If you think responsive's simple, I feel bad for you son. We got 99 viewports, but the iPhone's just one. —Josh Brewer, March 10, 2010 A major compon
Have a look for my solution on
I think I have found a solution or let us call it a workaround for this problem, there is an angular lib which has different directives, have a look at
It seems to work great
We use for example something like that
<ion-row *showItBootstrap="['xs', 'sm']">
<ion-row *showItBootstrap="['md', 'lg', 'xl']">
With this lib you can add several checks for different screen sizes or devices or browser or many others.
Another big advantage I figured out, showWhen a…