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.
Related
I'm writing a codenameone application where I want to have an image displayed across the top of the screen as a header. I do not want to include this image in every form/container that I create so therefore I came up with the following solution:
I have a Main form which contains the image (North) and a container (Center) which will then hold all the components of the specific screen that I want to show.
I will then create containers that represent each individual screen. My idea was to add these containers to the container of the main form, one by one and that navigation between them would be handled by changing the contents of that main screen container.
But I cannot find out how to make this work. As long as I have one single screen to show it is easy... The main form container can be an embedded container that is set to show the container for the single screen. But when I try to navigate to another I cannot make it work.
So, is there another approach I should use?
If not, how should I handle navigation between screens?
Is this with a GUI builder app or with a handcoded app?
Either way a simple way of customizing this if your app has a side menu or Toolbar would be to customize the TitleArea UIID to include your background image. E.g. start with a modern theme like the Business Theme and in the designer theme change the title area border property to be "Empty".
Then define the background image to be the image you want with "scaled to fit" or "aligned bottom" depending on what you want. Make sure to include enough space in the image for the title are and use a multi image so it will adapt for other OS's.
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.
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'm using this template TileWide310x150PeekImage03 from the documentation here. On the example image, the name of the App is not displayed on the image, but on my App the name of the app remains.
This ruins the UI of my tile because the App name is displayed within the image of my flipping live tile. How do I remove it?
Add branding="none" to the binding element in the template XML.
http://msdn.microsoft.com/en-us/library/windows/apps/br212854.aspx
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.