Skip to main content
C
CliffRice1-Visitor
1-Visitor
April 6, 2020
Question

iPad Pro Bottom Navigation Bar

  • April 6, 2020
  • 2 replies
  • 7736 views

Is there anyway to make my experience workscreen extend all the way down to the bottom of the physical screen on an iPad pro? From what I can tell, the bottom bar  that is used as a swipe up to exit an app overrides the vuforia experience background. 

 

The image below is from one of the default experiences that comes with vuforia view and shows the bottom panel in the experience being placed above bottom bar that iOS uses. Boxed in yellow

 

 

Home Bar Blocking Experience WorkscreenHome Bar Blocking Experience Workscreen

 

 

The image below is from one of the gallery view in vuforai view, notice that the iOS bar does not block off the workspace of vuforia view. Boxed in RedHome Bar overlapping with Vuforia View WorkscreenHome Bar overlapping with Vuforia View Workscreen

 

Any ideas? 

2 replies

S
sdidier17-Peridot
17-Peridot
April 7, 2020

Hello CliffRice,

 

I suppose that this behavior is also reproducible in any Apps in an iPad or an iPhone with a Dock bar with some shortcuts to Apps inside it.

  • Is it correct ?

 

I have tried in my iPad 6 but I cannot use Slide Over, Multitask and Dock on it with iOS 13.4

I have found this video and article from Apple about this behavior:

https://www.youtube.com/watch?v=ITzy5J3j5Is

https://support.apple.com/fr-fr/HT207582

 

It seems possible to disable it.

 

When disabling Guided Access, I was able to have a hidden Dock. I didn't notice a same behavior as we can see in your screenshots.

 

  • Do you know which Settings have been modified to have this behavior with the Dock ?

 

Best regards,

Samuel

C
CliffRice1-VisitorAuthor
1-Visitor
April 8, 2020

@sdidier Thanks for your feedback on this one. But unfortunately I am still stuck 

 

I suppose that this behavior is also reproducible in any Apps in an iPad or an iPhone with a Dock bar with some shortcuts to Apps inside it.

  • Is it correct ?

 

Yes, This behavior is reproducible in any Vuforia View Experience on the iPad Pro 

No, This behavior is nor reproducible in any App, for example the Vuforia View App has this small horizontal bar overlapping with the bottom of the workscreen, as shown with the red box.Home Bar overlapping with Vuforia View WorkscreenHome Bar overlapping with Vuforia View Workscreen

Where as in the Vuforia View Experiences, it appears to cut off the workscreen, or define a new bottom maybe in this image with the blue box. 

BlueBox_EVIC.jpg

I can not speak to an iPhone because I do not have one with a Dock bar. But on an iPhone 7 this issue does not occur. Notice the bottom baner boxed in blow. This is the same experience as the image above but viewed on a iPhone 7. 

 

YellowBox_EVIC.jpg

 

It seems possible to disable it.

 

When disabling Guided Access, I was able to have a hidden Dock. I didn't notice a same behavior as we can see in your screenshots.

 

  • Do you know which Settings have been modified to have this behavior with the Dock ?

 

On my iPad Pro I do not have Guided Access enabled, and I do not see a way to disable this small horizontal bar. Nor do I want to disable it. I want the bottom panel to extend past the horizontal bar and to the bottom of the physical screen. 

 

Any ideas?

S
sdidier17-Peridot
17-Peridot
April 9, 2020

Hello Cliff,

 

I have found more details about this behavior.

It is called Home bar.

It is only available in iPad Pro and in iPhone X where Home button is phisically not present anymore.

 

So, I cannot reproduce it with my iPad 6.

 

I have found many feedbacks from another users on the web about this feature and the impact in various apps.

It is not specific to Vuforia VIew. It can be reproduced in various another Apps.

 

It seems possible to switch off this Home bar in Apps by a hard coded setting in the App itself.

By the way, I have read that it is not possible also.

So, it is not clear here.

 

It is managed directly by iOS.

I have only found 3 ways to manage it:

  • A setting might be exists in a jailbreak.

         Of course, I don't recommend at all to do that!

  • In this video, it seems possible to hide it but it seems a glick in iOS :

https://www.youtube.com/watch?v=wdYmGILiv24

  • Use a specific Apps for that but who is working only in Home screen and not in Apps :

https://apps.apple.com/fr/app/notch-remover/id1277467873?mt=8&app=itunes&ign-mpt=uo%3D4

 

Source of documentations find on the web :

https://www.idownloadblog.com/2020/01/22/autohidehomebarx/

https://www.reddit.com/r/iphone/comments/chedsi/apple_please_let_us_choose_if_we_want_the_home/

https://forums.macrumors.com/threads/please-give-us-the-option-to-hide-the-home-bar.2140873/

 

In French, I have found these web pages with the same complains :

https://communities.apple.com/fr/thread/220056336

https://leblogducuk.ch/mais-masquez-moi-cette-foutue-barre-du-dock-dans-ios-sur-ipad-pro-et-sur-iphone-x/

 

I can report a question to R&D about that because in the links found, I have different point of view on the same behavior.

They will give us a clear feedback about this Home bar but to be honest, I am not sure that's something can be changed at PTC side.

 

  • What do you think about this way ?

 

Best regards,

Samuel

K
kornelius5-Regular Member
5-Regular Member
July 14, 2020

@CliffRice 

 

If you add following lines of code to your Application tab (css), this should work. Ensure to apply the additional classes found in the @media to the correct objects, if wanted. Additionally, add a background color to the Top and Bottom Panel.

 

 

//iPhone Notch portrait mode
ion-side-menus.view {
 left: 0px;
 width: 100vw;
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
}

//iPhone Notch landscape mode
ion-nav-view.view-container {
 height: 100vh;
 padding-bottom: env(safe-area-inset-bottom);
}


@media only screen and (orientation: landscape) {
 //Assign class to most left column in footer
 .columnLeft {
 margin-left: env(safe-area-inset-left);
 }
 //Assign class to most right most column in footer
 .columnRight {
 margin-right: env(safe-area-inset-right);
 }
}

@media only screen and (orientation: portrait) {
 //Assign class to the first gridLayout in the Bottom Panel
 .bottomPanelGrid {
 margin-bottom: env(safe-area-inset-bottom);
 }
}

 

 

 

    Terms & ConditionsCookie settingsAccessibility statement