Cordova/Phonegap | How to fix footer at bottom when virtual keyboard is opened

Author - Webner
18.07.2016
|
0 Comments
||

Problem :

Footer is not visible or fixed at bottom, when virtual keyboard is opened in Phonegap/Cordova Application.

Solution :

Consider following div create for footer :

<div data-role="footer" data-position="fixed" class='custom_footer' data-theme='b' data-tap-toggle="false"></div>

To keep Footer fixed at bottom and make it visible over keyboard add following CSS to the footer:

.custom_footer
{
position: fixed; 
}

Webner Solutions is a Software Development company focused on developing CRM apps (Salesforce, Zoho), LMS Apps (Moodle/Totara), Websites and Mobile apps. If you need Web development or any other software development assistance please contact us at webdevelopment@webners.com

Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at dev@webners.com for your Insurance, eLearning and Salesforce applications.

Leave a Reply

Your email address will not be published. Required fields are marked *