(i) Elements not being brought to front, (ii) interface not fitting neatly in the "shell" of the mobile application

Sahil Chaturvedi shared this question 4 years ago
Answered

Hello,


I'm having a couple of issues.


When I click the navigation drawer icon to open the navigation drawer, the drawer shows up behind the other elements, even though I "ordered" it to "bring to front" above all other elements.


The other problem is, my prototype isn't fitting properly within the bounds of the mobile phone, as shown in the picture below.


3c672bffcd6dbe3304b2ee0d686dbe7b


Thanks so much, and please let me know if I haven't been clear.

Comments (12)

photo
1

Ad I. You propably placed your drawer in the Template. If so, make sure your drawer in the template has "Always on top" checkbox marked (in element properties) this should help.


AD 2. Maybe try to see if the some container position does not have negative value ex. x: -90px, y:0px

photo
1

(ii) Is this what you mean? It seems like it's aligned properly at 0,0.


cbf01ef2119c35e66f48656819ec0de5

photo
1

(ii) seems to be ok...strange:/


(i) by the way did you managed to solve problem 1 ?

photo
1

Hi Sahil,


Can you send over your .vp file to jim dot support at justinmind dot com so we can look into this. This should not happen and I would like the development team to be able to figure if this is a bug or some strange combination of options the elements might have.


The first problem should be solved how Marcin said.


Best,


Marc

photo
1

For problem 1, I reordered the elements in the "outline" section. I put the navigation drawer on top of everything else, so it's all good. :)


Thanks for your help, Marcin!


Sure, Marc, thanks. I'll send you the .vp file.

photo
1

Hi Sahil,


I'm not sure why but setting the element "Master_item_1" in the first screen to position x: -1 did the trick for me. I'll investigate further why this is happening but that should work with what you have now.


Best,


Marc

photo
1

Weird, but yes, it worked! Thanks!


Also, though, if I take my mouse and drag the whole screen a bit around, it moves. The issue isn't as bad as it was before, but the canvas moves around inside the "phone".


Not a huge deal, but it'd be great if it could be fixed.

photo
1

Hi Sahil,


The problem was the line widget in the master.


I don't know why but it messed the layout. I erased, created a new one and it worked. I also changed the height of the bottom android menu in one pixel so it would fit perfectly. Before I had changed to -1 the x position of the data master.


All of this together should solve your prototype. I've done all that on your prototype for the template and the first screen and will send it to you to your email address. (A personal reccomendation is that you use templates if the menu and the top bar have to be in all or most screens. It'll save you time and work.)


Best,


Marc

photo
1

Oh, thanks! So would I need to repeat this for all screens? Could I go ahead with this revised .vp?


I chose to use a master rather than a template, because I couldn't find a way to make individual edits to a template, in case I wanted to have my action bar look a little different on one screen.


With a master, I can edit, correct?


Thanks,

photo
1

Hi Sahil,


Yes you are correct, if you want to have small changes a master is the best option.


The .vp should be in your mailbox and yes, you will have to repeat this for all screens.


Best,


Marc

photo
1

Thanks!


Another thing - if I wanted to make those "small changes" to a master of a particular screen, the master on that screen gets broken up into individual elements, correct? Then changes from the real master won't affect the screen I applied the master to, which would defeat the purpose of the master, right?

photo
1

Sahil,


Here are two links that should teach you everything you need for templates and masters.


Masters: http://justinmind.com/prototyper/lear...


Templates: http://justinmind.com/prototyper/lear...


Best,


Marc