As you can see, at the bottom of my page remains a white space.
Its height is the same of the old status bar that was present in ios6.
Do i have to modify css? Because I never fixed an height for my app, worklight has always chosen the right size.
EDIT: you have to save the image and open in a desktop with different color to see the white space at the bottom.
*
* Licensed Materials - Property of IBM
* 5725-G92 (C) Copyright IBM Corp. 2011, 2013. All Rights Reserved.
* US Government Users Restricted Rights - Use, duplication or
* disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*/
// This method is invoked after loading the main HTML and successful initialization of the Worklight runtime.
function wlEnvInit(){
wlCommonInit();
// Environment initialization code goes here
}
//Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova is ready
//
function onDeviceReady() {
alert(device.version);
if(device.version > "6.0")
$(".elmecHeader").css("height", "70px");
}
Worklight 6.0.0.1 was just released over the weekend; it addresses the status bar issue depicted in your screen shot.
The fix for 5.0.6.1 is not publically available (it is for customers who use this version and require it).
Update:
The white spacing at the bottom was a Worklight bug and is fixed in the latest 6.0.0.1 iFix as well as available for Worklight 6.0.0.x and Worklight 5.0.x for customers from IBM Fix Centeral.
Yes, you will need to adjust your application for iOS 7.
You can use Cordova Device API to detect the OS that the app is running on and use different CSS for the different OS layout in iOS 6 and 7 (if you wish so).
I suggest to add more of the green background at the top, so that the new status bar in iOS 7 will not overlap with your app design.
This is a problem all web-based apps will suffer from in iOS until a proper solution is devised.
Be sure to also read the Apple-provided iOS 7 Transition Guide.
The above is one suggested approach; you should probably read more material about iOS 7 design and about how the status bar behaves in iOS 7 and choose the right path for your app.
http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/
http://www.slideshare.net/evgenybelyaev16/transition-guide
As for the bottom spacing, this is a bug in Worklight.
Worklight was updated since you posted your question.
Download the latest version of fixpacks, and make sure to read the tech note entirely: http://www-01.ibm.com/support/docview.wss?uid=swg27039574
Related
I was trying the basic Hello World program on Android Studio.
The "Hello World" text from TextView does not show on the Preview. Even if I change the Hello World to something else, I do not get it on screen. What am I doing wrong?
The Android Studio version is 3.1.3
The error can be fixed by the following steps:
Go to GradleScripts (Top Left Corner)-> build.gradle(Module:app) ->
in dependencies change
implementation 'com.android.support:appcompat-v7:28.0.0-alpha3' to
implementation 'com.android.support:appcompat-v7:28.0.0-alpha1'
Then press Sync Now in Top Right Corner(Download Updates if necessary)
The Preview will start working.
You can watch this video as well to fix the issue
Video Link-
https://www.youtube.com/watch?v=PBE6sBMYDH0
You must also use Theme of IntelliJ(White Theme) as Dark Theme is having rendering issues.
You can watch this video to see how to change Theme in Android Studio
https://youtu.be/Vr6DCDuRBuE
Change the device in Editor.You will get the text .Now in screenshot Nexus 4 is selected .
I realize something like this has been asked before, but I would like to create an app with UI elements atop a transparent window (basically, an app without a window frame and with transparent background).
I've read the following posts:
transparent app in windows 10 uwp
Transparent UWP windows 10
I checked the BlurPlayground.
It seems that this isn't possible. However, the Sticky Notes application in Windows 10 is definitely managing to do this. Either this is some special API only available to Microsoft, or it can be done.
Can someone confirm?
This cannot be done in UWP today. The custom frame you see in Sticky Notes is a one-off implementation that does not have a public API.
Curious what is your scenario you want to accomplish here? (feel free to ping me offline - swick [at] Microsoft.com)
Thanks,
Stefan Wick - Windows Developer Platform
Is there a way to detect that Windows Mobile 10 transitioned into continuum mode?
The message-box on Windows Phone does not look anything like the one on Desktop and our designers want parity. I want to write our own version, but I only want it to work on Phone - I want the default one on desktop or when the app transitions to continuum on phone.
Any ideas?
I could not find anything on the web nor find any API that allows me to detect it.
I may be wrong but I don't think there is an API for Continuum. The idea of Continuum for Phone is that you're going from a fixed display size to something that is variable. The best way to detect this would be using the Visual State Triggers or checking if the size of the window has changed.
By also checking that the device family, AnalyticsInfo.VersionInfo.DeviceFamily, is Windows.Mobile, you'll know that you're using a phone device which is currently in the Continuum mode.
To detect if app is running in Continuum mode you'll need to check two things: DeviceFamily and UserInteractionMode.
public static bool IsInContinuum()
{
if (DeviceFamily() == DeviceFamilyType.Mobile && UIViewSettings.GetForCurrentView().UserInteractionMode == UserInteractionMode.Mouse)
return true;
else
return false;
}
Quote from this post:
"With Continuum, “touch” will always be returned when your app is on the mobile device, and “mouse” will always be returned when your app is on the connected display."
So you'll need to check if app runs in Continuum in SizeChanged event.
Due to MSDN Documentation Below,
There's no spesific trigger for Windows 10 Mobile continuum feature detection.
Continuum for Universal Apps
In order to find a solution on Mobile Apps, you can benefit from adaptive UI, you can check the app via screen resolution change Window.Current.SizeChanged, then you can combine with Device family AnalyticsInfo.VersionInfo.DeviceFamily to check if device is in Continuum mode.
I'm working on a project using IBM Worklight and any time I build and deploy my project on any simulator or device, I have this busy indicator spinner in the middle of the screen. Its always there, on every page and its there in the ios, windows, web and android simulators as well as one android device we've tested on. Has anyone seen this before and if so how would I get rid of it.
Jquery-mobile was the problem, it was continuously displaying the indicator for seemingly no good reason. Deleting Jquery mobile fixed the problem
I already used the native worklight loading.It is very good and I tested it on different platforms, devices. But it is necessary to close it when you leave the function that opened it.
Example:
var busyInd = new WL.BusyIndicator ("content", {text: "Please wait..."});
function consult(){
busyInd.show();
//impl
busyInd.hide();
}
How do we define default pngs in iOS 7? The how-to seems to have changed with Xcode 5.
This time I'll not be supporting anything less than iOS 7 so we can leave older version out of the discussion.
You'll want to learn about Asset Catalogs, which are brand new developer technologies that you'll find in Xcode 5. Under the hood, these will be the new ".xcasset" files & folders managed by Xcode.
And that public link from Apple that I just linked to is all we can talk about publicly outside of Apple's DevForums until the NDA for iOS 7 and Xcode 5 is lifted. I have seen a couple related questions, though.
To solve this issue you have to specifically add background images for iOS 6, Follow following steps to add this using new xCode.
1) Add new image set from asset catalog and name it "Default" image set
2) Right click on that asset catalog image.
3) Choose iPhone, Retina 4 - inch from options like following
4) Add images in sequence with resolutions
320 * 480
640 * 960
640 * 1136
5) Clean your project
6) Run your project
Try this way it will work
Asset Catalog is the best thing for setting application icons... It removes the need to follow naming conventions when you are adding or updating your app icons...
You can use this for setting splash screens & application icons..
In Xcode 5 you can find this options..
1- In the project navigator, select your target.
2- Select the General pane, and scroll to the App Icons section.