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

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