Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Header dissapears

Hi

I populate a grid from the database. However the header disappears when the grid is contains more items than the length of the page.

In addition, I am using the following code to always scroll to the bottom, however it just scrolls to the bottom of the window height and not right down to the bottom to the last grid item. I need it to go right down to the bottom.

var Height = $( window ).height();
window.scrollBy(0, Height);

Is there a way the page can always be at the last grid item?

Thanks

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Header dissapears

Hello Deon,

Please use the scrollTo method for that, like:
pre
$('html, body').animate({
scrollTop: Apperyio("mobilebutton_2").offset().top - $(window).height() + 100
}, 2000); /pre
here more examples: https://stackoverflow.com/questions/6...

Here "mobilebutton_2" - the name of the component you need to display in the bottom of the page.

By default, it tries to display the component at the top of the page, that is why you always see the very end of the page.

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Header dissapears

Hi

It does not work. Let me explain what I want to achieve.

I am trying to create a chat facility (like Whatsapp) that always stays/scrolls to the last entry. In addition the header must not disappear.

I am using the grid component to get and display chat data from the database. I refresh the service to get the data automatically every 1 second.

Thanks

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Header dissapears

Does this code scroll you page?
pre$('html, body').animate({
scrollTop: Apperyio("mobilebutton_2").offset().top
}); /pre

And please add the custom CSS code to keep the header always visible:
pre.ui-header.slidedown {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/CSS transforms/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}/pre

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Header dissapears

Hi Serhii
No. It is worse now, does not even scroll, and still makes the header disappear.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Header dissapears

Please provide us with a public app link (https://docs.appery.io/docs/testingan...) and exact steps to reproduce this problem. We will check if it is possible to do

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Header dissapears

https://appery.io/app/mobile-frame?sr...

You would need to

  1. Sign up as a driver and sign up as a passenger on different devices.
  2. As a driver, create a new Trip.
    3 As a passenger, select the trip and then start chatting to the driver.
Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Header dissapears

What login/password I have to use? Could you provide only one page with that functionality? I don't have several facebook accounts to test it. If you want us to help you debug the app, please consider purchasing the Advisory Pack service: http://appery.io/service. This service includes app debugging as well as any other custom app help. If this particular issue turns out to be an Appery.io bug, we will credit back the hours spent on this issue and you will be able to use them toward another issue.

Return to “Issues”