Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Good afternoon.

I have created an app targeted for Android 4.2.x and selected 'release'

However, it does not seems to be working properly on a Samsung Galaxy Note 10.1 2014 edition.

I am using Google's PDF viewer to display a PDF from our servers but when it displays the app header disappears losing all functionality. You can press the back button to return to the previous page so the app hasn't crashed it just isn't displaying properly.

Could you please advise?

Unfortunately the data and PDFs are confidential. I'm happy to show support but cannot make links available publically and request that links and content are not divulged by your staff.

Thanks in advance

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hello Alex,

Could you please detail how do you you open the PDF? What code do you use? Could you please provide us with some screenshots for better understanding?

Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Evgene, thanks for getting back to me.

So, if you'd like to test, create a page with a header, no footer, and an HTML component in the middle.

The mobile container has no padding
the HTML component has no margin and is 100% wide by 600px high.
(Fig.1)

Inside the HTML i am using a local storage variable to genreate a URL and then using Google docs viewer to view a PDF (fig.2)

This works great on a Moto G but loses the header on the Note 10.1...

Fig.1
Image

Fig.2
Image

Could the height of the embed be the issue? i really need this to be full width and as high enough to fit all the PDF in...

Cheers

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Alex,

Yes it's not good way to use "height: 100%" for HTML component.

There is a better solution:

1 Open html component properties.

2 Set "Class Name" property as "fullScreenHtml" http://prntscr.com/36iy53/direct

3 Create new CSS. And fill it by following code:

pre

html body .fullScreenHtml{
position: absolute;
left: 0px;
right: 0px;
/* you need to adjust it for header /
top: 54px;
/ you need to adjust it for footer */
bottom: 54px;
width: auto;
height: auto;
}

/pre

That's all.

Regards.

Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Yurii,

I have used the above code but i'm still having the same problem... I assume i change the HTML components width and height to auto if i'm using CSS?

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

He Alex,

Yes you need to set them to auto.

Please give us your app public link and describe steps to reproduce your problem, we need to test it.

Regards.

Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Yurii,

I'm affraid i can't due to the sensitive nature of the data...

So, i have made a single page test versioin for you that has the same issue.

works on the Moto G but the header dissapears on the Note 10.1...

http://appery.io/app/mobile-frame?src...

Thanks

Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

apologies, the steps to produce are above, earlier in the thread with the requested amendments...

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Alex,

Please add to your "embed" tag "display: block" style.

Regards.

Alex7111055
Posts: 0
Joined: Wed Sep 17, 2014 11:44 am

App not working correctly on Samsung Galaxy Note 10.1 2014 edition

Hi Yurii,

Thanks for the suggestion, however this has not resolved the issue on the Note adn the header is still disappearing...

Interestingly, if i press the back button the device the header is then also missing from the previous page?

I've update the public example to include style="display:block" in the embed tag.

Cheers

Return to “Issues”