Skip to Content

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

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Jun 07, 2017 at 06:54 AM

    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");

    Add comment
    10|10000 characters needed characters exceeded