Different views for mobile vs tablet?


#1

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?

Cheers


Best way to handle views on pwa
#2

Can anyone help with this at all?


#3

The best bet here I think would be a library like - http://sapegin.github.io/jquery.mosaicflow/ or any responsive css layout.


#4

I just mean in general really, or does ionic mainly only cater for mobile first?


#5

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


#6

I opened a new discussion about the thema for ionic2 on this forum


#7

you can use media queries


#8

Have a look for my solution on