Adding and Removing the ipad for web versus on the device

geoff shared this question 6 years ago
Answered

I am developing a ipad application. Is there a way to develop two wire frames one with the ipad "bezel" for web viewing and one for ipad with no "bezel" ? Whats the best way to proceed with this?

Comments (13)

photo
1

and by two i mean turn it off? it would seem you could do some browser checking in user note

photo
1

By 'bezel' you mean a background image of an ipad? Now the best way to do that is to have all the screens duplicated in the same prototype, ones with the ipad's background image and the others without it. The best way to do that is to use the option 'import -> prototype' and select the same prototype, then, in conflicts menu select 'copy' in all of them. That way you will have to completely different sets of screens for the same prototype. Then, in the template of one of those sets put the ipad's background and move all the content of each of those screens so it fits in the image.


Anyway we are thinking in a way to do that automatically somehow.

photo
1

"bezel" is the ipad showing yes.


So each time i deploy i have to delete all copy's and then do this process?


Sounds kind of ridiculous.

photo
1

Is there a way to at least add some space on the left side.


to do it using screen guides it has to be left justified.. its incredibly hard to do this. I need at least 20px of padding.

photo
1

You don't have to do all of that process every time, just once. And then maintain the duplicated screens.

photo
1

yeah but now your maintain two screens for every update.. twice as much just to add the ipad bezel? Seems like it should be a setting on the web screens.. Add Iphone/Ipad/Andriod Bezel and center.. as long you do the prototypes in the specified width 1024 for ipad for instance it should work fine.. Unless i am missing something

photo
1

you're totally right. We are thinking in some kind of configuration parameters for the prototypes so you can define if you are prototyping an ipad, iphone or a web site and then give you some options like the one you mention.

photo
1

also when you build to show on the ipad and you look at it on the web its super left justified.


There should be a way for a user to add some padding

photo
1

You can try to center the content in the screen https://www.justinmind.com/community...

photo
1

that is not quite what i was looking for. I am looking for a way to make it so that there i can keep the 1024 canvas but move the whole thing over by a 100 pixels or so to the right of the navigation in user note and justinmind


left justified everything makes it hard to work in the space.


think of canvas in photoshop


i can center the canvas and see the whole thing without having it in the left corner of

photo
1

i put a example below

photo
1

example of have room out side of left justified. 91067bf6e2606d7473985405ede46cf9

photo
1

Now I get it. You will be able to do that in the next version with the new floating palettes feature. I sent you an email with a preview video of what's coming in that version (please don't share it until we launch the release)