nilavu icon indicating copy to clipboard operation
nilavu copied to clipboard

Aesthetic: Responsive Optimization - Transform Create Modal into full View

Open jaeko44 opened this issue 8 years ago • 7 comments

In order to be able to optimize the create VM/app process for phones. I need a seperate view for devices under a certain width to use a full page view instead of a modal.

Meaning we don't popup a modal and instead redirect them to a Create VM page with the same inner contents as the modal.

This is because modals don't pair nicely with phones & are unnecessary.

jaeko44 avatar Aug 24 '16 08:08 jaeko44

detectmob() { if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){ return true; } else if (window.innerWidth <= 800 && window.innerHeight <= 600) { return true; } else { return false; } }

The above is a JS snippet I've previously used in a different project to detect if the user is using a phone.

jaeko44 avatar Aug 24 '16 08:08 jaeko44

This is system based only.we will fix it in next release.

vinomca-megam avatar Aug 25 '16 05:08 vinomca-megam

What does you mean full page view? is it like separate page instead of Modal?

vinomca-megam avatar Sep 02 '16 06:09 vinomca-megam

Yes - but this is very low priority. Don't worry about it till after 1.5 release.

jaeko44 avatar Sep 02 '16 07:09 jaeko44

@jaeko44 if we separate the create VM page instead of modal, then the maximum number of issues are closed, so could i replace it ?

rajthilakmca avatar Sep 02 '16 07:09 rajthilakmca

ok, we can replace using a modal till we fix the issues in the future. That is fine, we can use a full page.

jaeko44 avatar Sep 02 '16 07:09 jaeko44

ok fine, i'll replace to page

rajthilakmca avatar Sep 02 '16 07:09 rajthilakmca