Page 1 of 1

$("[data-role=header]").css("position", "fixed");

Posted: Fri Sep 19, 2014 2:05 pm
by Roger

I had to add the following code to all of my PageShow events to solve an issue on iOS devices. The header would no longer be in a fixed position at the top of the page after the iOS keyboard was used. the code below solved that.

$("[data-role=footer]").css("position", "fixed");
$("[data-role=header]").css("position", "fixed");

However, this code now causes the header on a popup to get truncated.

Does anyone have any ideas?

Image


$("[data-role=header]").css("position", "fixed");

Posted: Fri Sep 19, 2014 3:16 pm
by Evgene Karachevtsev

Hello Roger,

Could you please detail, how does your window is opened (popup, dialog or something else)?


$("[data-role=header]").css("position", "fixed");

Posted: Fri Sep 19, 2014 3:18 pm
by Roger

I use the following;

Appery.openPopup('MessagePopup',$(this));


$("[data-role=header]").css("position", "fixed");

Posted: Fri Sep 19, 2014 6:32 pm
by Evgene Karachevtsev

Roger,

Could you please specify, do you use exactly it?
Appery.openPopup is undefined

Or do you have added something yours in Appery.io?


$("[data-role=header]").css("position", "fixed");

Posted: Mon Sep 22, 2014 11:56 am
by Roger

Evgene,

My mistake. I forgot Progress Software is on its own branch of Appery. They must have added this.

Sorry for the confusion.


$("[data-role=header]").css("position", "fixed");

Posted: Mon Sep 22, 2014 12:12 pm
by Evgene Karachevtsev

Roger,

Thank you for the update.