Aviary IOS strange behavior - adding some toolbar or view which shifts other views (Dynamically framed view) layout top - iphone

I have integrated Aviary SDK for IPhone app properly and works fine. Only design issue I am facing is as described below -
When the PhotoEditor is opened for the first time it adds some toolbar strip / view to other views when I navigate to them. If I navigate to other views before the editor is opened for first time them all the views displayed correct.
Before opening Aviary PhotoEditor - NO white bar at bottom
After opening Aviary PhotoEditor - There is white bar at bottom
Did anybody got this issue or have any idea about this??

If you are using the iOS 6 SDK, then you must include the following line in your editor's customization code:
[AFPhotoEditorCustomization setUsingIOS6SDK:YES];

Related

Restrict IONIC side menu from auto populating for large screens

I have implemented side menu for my IONIC 5.0.0 application. In smaller device side menu is shrinking to Hamburger icon (working fine). I want the same behavior in large screens also but unfortunately the menu is fully visible in the landscape mode of my iPad (6th gen). Does anyone know how to hide the menu in Hamburger icon always (for all device).
Seems you need to use when="false" property in the ion-split-pane component. Please find app.component.html. The location should be like src/app/app.component.html and change the following line from
<ion-split-pane>
to
<ion-split-pane when="false">
To learn more about the ion-split-pane component, visit this link.

iOS 11 Statusbar overlaps Webapp after changing orientation

With the recent update to iOS11 we came to following issue with our Webapps after using Safari's "Add to homescreen".
When opening the Webapp, the behaviour of the status bar is as wanted (The statusbar is on top and the Webapp is displayed right under the status bar). After changing the orientation, the status bar acts not as it should.
We tried different meta tags but nothing seems to work.
Did anyone find a fix for it? Thanks for your help in advance.
Example link:
https://awf.marketing/app/store/zihler
(to recreate the issue - needs to opened with an iPhone running iOS11+)
Images:
1. Normal view of the Webapp after opening
2. After switching to "Landscape" then back to "Portrait" the Webapp content gets placed behind the status bar instead of under it

White background shows when keyboard closes on Android

I am testing my app on HTC One M8 running Android version 5.0.2. When an input field in the app loses focus, a white background is shown after the keyboard closes.
My background image is set on .scroll-content, so I don't understand why it acts like this on Android.
Check your ionic pane colour and view colour. You have different background colour so in the keyboard adjust pane mode the view gets resized (height-keyboard height) so when the keyboard goes off it shows the ionic-pane colour. So override the '.pane' background colour and see will it make any difference.
keyboard adjustment will work only if '.scroll-content' is present. By default ionic-content will enable this
The issue is that when we open a keyboard in our current application the app gets resized to the area that is left after opening the keyboard and the Cordova webview is too slow in resizing the app back to its normal size after the user closes the keyboard. There is no proper solution to this problem.
The most elegant working workaround for is to stop resizing the application on keyboard open. The keyboard will just slide up and down on the form as an overlay and there will be no resizing required.
In AndroidManifest.xml file try to set windowSoftInputMode attribute to adjustNothing:
android:windowSoftInputMode="adjustPan"
This is not a solution and can be considered as an option for small forms but it is not suitable for big forms.

Jscrollpane and sliding tabs combination doesn't work

I have a test page that I have working with sliding tabs
(http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm).
if you click on a navbar item, the page scrolls down to the
appropriate place. this is exactly what I want. however, Android OS
doesn't support overflow:auto etc. and I NEED this to work on all
mobile devices. So, I found Jscrollpane and implemented it on my test
page. it works great (scroll bar shows up on android) but the sliding
tabs are now broken (http://www.maggies-bayfield.com/wp/temp/old/
jscroll_breaks_slider.htm).
Anyone have any ideas or solutions?
Much appreciated!
again:
sliding tabs with out jscrollpane: http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm
sliding tabs with jscrollpage: http://www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm
Thnx!
August

Horizontal Tabs using jQTouch

How can we create a horizontal tab menu using jQTouch tab. Here is a reference link for jQTouch :
http://blog.peepcode.com/tutorials/2009/jqtouch-cheat-sheet
but it does not contain help for tab bar in the top (below toolbar) or bottom
You seem to be after the tab bar control in jQTouch. Check out this post that might give you the answer you are after: iPhone - Phonegap UI Controls - Tab Bar.