Skip to Content
0

How to avoid overlapping of view bottom bar with soft keyboard in Fiori application?

Jun 06, 2017 at 11:06 AM

84

avatar image

Hi Experts,

In my application there is multiple input fields through which user can edit the data .When i run the application on i phone at the bottom of the page there is one bar which was overlapped when user try to edit the fields because of the popping of the soft keyboard.

I tried something but its not working .I am calling below method on live change of input fields.

I am trying to push the view up when soft keyboard will open.

KeypadOpen : function()

{

document.addEventListener('keyup', function(event) {

if (event.code != “undefined ” || event.code != null ) {

f(sap.ui.Device.system.phone && sap.ui.Device.os.name==="iOS" && sap.ui.Device.orientation.potrait){

sap.ui.getCore().byId("oBar").addStyleClass("bottom-padding:44px");

}

});

Kindly suggest me some solutions.

Best Regards,
Abhishek

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Akhilesh Upadhyay Jun 07, 2017 at 06:54 AM
0

didn't face this kind of scenario but you can modify your code as below and check.

in css file:
.paddingcss{
bottom-padding:44px;
}

and,
sap.ui.getCore().byId("oBar").addStyleClass("paddingcss");

Share
10 |10000 characters needed characters left characters exceeded