Software Archive
Read-only legacy content
17061 Discussions

Weird iOS layout after adding Cordova Plugins

Thijs_F_
Beginner
465 Views

Hi,

I've created a new project. Templates (ionic + angular). Everything seems to work just fine when i created the new project. Second i add with the bower package manager ionic. I refer in my index.html to my bower_components , ionic css en js. Then i want to upgrade my project to a cordova project. Also when this is done everything seems to work properly. 

But, when i add a cordova plugin via the cordova plugin section, somehow the iOS layout get weird. The header bar is twice the size and my custom menu is mixed up. In Android everything seems to look just fine.

Ive tried to replace the whole bower_components ionic map including the css min.css js and min.js files. But i keep having a weird iOS layout.This problem only occurs when i add a cordova plugin. Either a splashscreen, or device or file plugin, that doesnt matter.

Can anyone help me please!

0 Kudos
1 Reply
Elroy_A_Intel
Employee
465 Views

I recommend using the on device debugger on the Debug Tab to investigate this issue on your iOS device. You will be able to leverage Chrome Developer Tools to step through your code as well as inspect your element real time.

0 Kudos
Reply