During startup sequence there is a split second where the skinLoader is active loading the index.html. During this time the background color is white. Is there a way of permanently setting the background color of the application so that it matches the background color of your splash/index page?
Any help appreciated.
Starting Worklight 6.2, you can fully customize the splash screen of your application. This can be from extending the duration the splash image is displayed to creating a completely different user experience.
You can read about this in the Common UI tutorial.
Options you can try:
Alter the white background color in skinLoader.js; this file can be found in the environment's native folder (iphone\native\www\default\ and similarly for other environments)
Extend the splash image duration as demonstrated in the tutorial
Follow the instructions in the Knowledge Center (also linked to from the tutorial) to create something else altogether.
Related
I'm starting with developing on Windows phone 8.1. I've been working with the different image assets for logos and tiles, but have not been able to identify the one that is displayed when you go to the list of open apps (i.e. pressing and holding the back key). In this view there is a logo of the app in the bottom-left corner that I don't know from where it comes. I'm trying to change the background color of it, but is none of the ones define in the manifest. I've seen apps that have this image with a specific background color (i.e. not transparent) like the one in the screenshot below. So, there must be a way to do it, but I'm not able to find where or how.
That would be the application icon you set in your WMAppManifest.xml. You can find this under your project's Properties folder. You can set icon from the UI (App icon) or by editing the XML block itself.
<IconPath IsRelative="true" IsResource="false">Assets\ApplicationIcon.png</IconPath>
This is the same icon that is shown in phone's app list. If image has transparency, phone's selected accent color is shown as "background". If not, well.. then it won't be transparent :).
I recently installed a background for my project on app inventor, and then after I tried running the background behind the text in the emulator. On my designer screen I have put the background image behind the text which is the normal condition?
it's hard to understand, what you are saying... but try to set Screen1.BackgroundColor to none
rephrasing your question might help
yes, you can set the screen background from the designer view by uploading an image at BackgroundImage textfield and if there are many uploaded image, choose the right one.
any component added will be displayed above the image !
with blocks you can do :
when screen1.Initialise
do:
set screen1.BackgroundImage to |your-uploaded-image|
Hi , I am trying to create an blank app with my custom sized live tiles in the hub page. I know Windows had predefined tiles template ,but i was wondering if i could achieve the same with the existing tiles template or should i create an blank app .
Also if using a blank app ,can anybody tell me an resource where i can create the live tiles like in the image
There are two different concepts here:
"Tiles" in your application's hub, within the app. For this, you can either start with a predefined templates (like the Grid App in File-->New Project) or start from a Blank App and build your hub with its "tiles" from scratch. In this scenario (tiles in a hub inside your application), there are no constraints on the sizes of the tiles, so you could create something like in your screenshot.
Tiles on the Start Screen. Your application will be represented by a tile on the start menu. The concept of "live tiles" is dynamically changing the content in that tile in the start menu. For that, you have to use the predefined set of tile templates, and there are only two sizes of tiles available (the square tile and the wide tile). More info on developing for live tiles here.
I am working on winRT XAML application, in my main page i have some large images. When i launch the aplication it shows blank screen for a while in between splash screen and main screen. Any solution for this? i think same issue as in Phonegap showing white screen after the splash screen - IOS but its in winRT in my case.
This sounds like something I experienced in the past when I set the page background to an image. It can take a little while for the image to get loaded and displayed on the page, and therefore you end up with a fraction of a second of unstyled page. Is that what's going on here? If so, try reducing the size / quality of your image to see if it makes a difference. If it does, your work is just starting as you try to find an acceptable compromise between image quality and file size.
Look up "extended splash screen". The technique is basically that you make your app display a splash screen image on a solid color background that looks the same as the one displayed by the Windows shell when it starts your app. The splash screen image is small enough that when your app starts showing just the splash screen - it shows seamlessly and then you can load your first page in the background.
I want to create an Adobe AIR application that is L-shaped so that another application can fit in the open area of the screen. In other words, I would like an AIR app to surround another application on 2 sides (left and bottom). Is this possible? And if I do this, will the AIR app cover the other application with a transparency?
The empty space will allow another application to reside there without having a layer over it
To have a transparent background:
http://www.adobe.com/devnet/air/flex/quickstart/creating_transparent_window.html
Adapt you descriptor file, then make 2 canvas elements with a backgroundColor and backgroundAlpha (which form you L-shape).
If the Air App covers the other application with a transparent layer: try building the Air App first and then the application that has to reside "in" it.