winjs windows 10 application taskbar icon - windows-store-apps

I have a problem with windows taskbar icon/logo size and background. my problem is all windows store app I saw, have smaller icon than normal windows programs. i want to know is there any way to have normal icon for winJS Apps, like other windows programs or microsoft Default Apps
and Is there any way to remove system accent color from background of our app? Without adding full-color image in manifest logo section
as you can see in below image there is huge difference between store Apps and microsoft or normal desktop Apps in the taskbar.
if there is no way, I hope microsoft will fix this because, even if we have a good icon this difference between store apps and other apps can effect on our app usage.

You can turn off the automatic padding as part of your app
Look at the "Target-based assets" section of this page: https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets#Target-based_assets

finally, I find the complete answer, also many thanks to Tobiah Zarlez.
for have similar Icon to Normal desktop app / and Microsoft apps, like (Mail, Photos, Xbox etc) see following image . . .
image link of what you should do to have Normal icon in windows 10 store app
in this process:
for taskbar icon go to "Square 30x30 Logo"
you should fill all 8 images section in there.
in visual studio open " Solution Explorer "
Just change name format of the .targetsize images like this . . .
Square30x30Logo.targetsize-256.png →→ Square30x30Logo.targetsize-256_altform-unplated.png
do it for all four image have ".targetsize" in "Square 30x30 Logo"
note: don't add "_altform-unplated" for ".scale" images like this one →
Square30x30Logo.scale-100.png

Related

How to be sure that IE10/11/Edge do not use the "tile" icon for the address bar/tab icon?

Is there a way to force Internet Explorer and Edge to use a particular favicon for the address bar/tab icon?
In general I'm using a different design (with a wider margin) for "live tile" (or whatever Microsoft calls them)... and for some reason these browsers keep choosing one of those images (defined in browserconfig.xml or one of the Apple icons... not sure) to use in the address bar.
This is not what I want, because the one in the address bar/tab icon needs to have a smaller margin and transparent background.
Is there a safe and consistent method to say "use this icon for the address/tab bar icon", and "use this icon for the tile or whatever?"
EDIT: Another acceptable workaround for this would be if there was a way to specify that the images with a background/margin would ONLY be used for "tile" so that the others would be favicon(s) only? I don't fully understand what logic IE/Edge use to choose which icon to display.
The favicon package generated by RealFaviconGenerator behaves the way you want: In its tabs, Edge picks the classic "desktop" icon, while it uses the tile icons for sites added to home screen. More precisely, Edge is using the classic 32x32 PNG icon as the tab icon.
I advice you to first run the compatibility test with Edge on your machine to make sure it behaves as described above (I didn't have a Surface tablet or something like this to test it).
Full disclosure: I'm the author of RealFaviconGenerator.

Windows Phone 8.0 control app image when in background

Is there a way to control what the WP8.0 app screen looks like when in background task. I mean when cycling over the apps after a long press on back button ?
I'm using a custom Prism, and I tried to set a different background from OnNavigatedFrom but it seems that the page is already unbound at this moment because this has no effect on the page.

How to set text on the secondary tile in Windows Phone 8.1 Universal App

I want to show a text across the middle of the secondary live tile (not the small text at the bottom). I am struggling to find any documenttion of how to do it. I know it was possible in WP 8, but I wonder if this functionality is still available?! I also want to it from code not from XAML.
Are you familiar with the tile template catalog for Windows Runtime apps?
http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx

How to give widget look to the application developed using tide sdk

I have developed a weather application for windows using html and css with the help of tide sdk.But i want to give it a widget look like windows desktop gadgets i.e i do not want the title bar and borders that windows applications normally have.
Secondly,please tell me the way of removing application from statusbar i.e its name should not be shown in status bar when application is running,similar to desktop gadgets.I can't figure out how to do this using tide.
Thanks.
"There are two types of transparency in TideSDK. Full window transparency specified with the transparency property and background transparency specified with the transparent-background property."
Look at the example at the very bottom of this page
http://tidesdk.multipart.net/docs/user-dev/generated/#!/guide/getting_started

Android application on Tizen

I am working on Tizen. Developing an application on Tizen which has been already developed by me on Android.
I have to place an image in the background.and then place button on it. Click on that button and receive its action in javascript.
How can I place image in the background.
Is their any way to transfer android application on Tizen platform.
Can we make our android application on Tizen?
background-image in CSS can do it.
E.g. put mesh_background_1280x720.jpg into images directory than fix your style.css:
body {
background-image: url("../images/mesh_background_1280x720.jpg");
}
For me this works.
You can do it by using Jquery Mobile.
.ui-icon-myapp-custom {
background: url("settings.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}
in HTML,
<a href="#user_info" data-role="button" data-theme="b" data-iconpos="right" data-icon="myapp-custom" >
Custom Icon
</a>
For detail, check
http://jquerymobile.com/test/docs/buttons/buttons-icons.html
Currently there is no support in Tizen SDK to convert Android app to Tizen. But there is a way. A company Open Mobile developed ACL(Application Compatible Layer) for tizen. If you have Android app, you can submit it to them, they can convert it for Tizen. All application credit will be name on you. They will get a amount from samsung. Search ACL in Tizen store, you will find several application under ACL.
I can tell you how to do this using Tizen Native (WYSIWYG). If you are seeking a code based answer, then ignore this. HOWEVER, for those trying to learn and navigate within Tizen Studio this is very helpful!
Start Tizen Studio
File/New Tizen Project
Template / Next
Mobile / Next
Native Application / Next
UI Builder Single View (Bottom Left) / Next
In the Project Explorer (Top Left) open the tree to Layout / Layout.xml (Double click to open the Layout).
Choose Design Tab (Center)
In Palette , UI Container (just to right of center)
Drag "Grid" from the Palette onto your screen
In Properties Tab (far right or turn on: Window/ Show View/ Other/ choose properties OK)
Change Col Count to 720 and Row Count to 1280
Drag "Grid" from the Palette onto your screen
Now you should see more (22) UI Components
Drag "Background" from the Palette onto your screen
If it does not automatically resize (Hello BUG) then do the following. Drag to a little LARGER then your screen size (assuming HD, Look into this I think this is REQUIRED by the Tizen Store).
With Background highlighted, again go to Properties Tab, bottom Variation Attributes make:
Left 0, Top 0, Width 720, Height 1280. The first few times it will give you trouble until you figure out that the BG resized window can't go higher than the BLUE TOP and the window should be larger on the bottom, until you manually type in the CORRECT SIZE as shown above.
Now go to or open your Resource Tab (just drag and drop files here from Windows Explorer) and find your background image that you already RESIZED CORRECTLY in Adobe PS and used SAVE FOR WEB to reduce jpg file size.
Drag onto Background "layer" on your Screen.
For a button you can:
Drag "BUTTON" from UI components onto Background OR BETTER is to drag "IMAGE" from UI components onto Background...
Then drag and drop (PRE-MADE BUTTON from Adobe PS) image from the Resource Manager Tab onto the empty image place holder. You will have to resize it manually in the Properties Tab to get the correct proportions.
REPEAT for more Images and Buttons and Text since the built in text "Label" is horrible to say the least. You can always make any of these do Button Actions.
This is as far as I have come, now I need to learn how to program said buttons and actions.
Whew! This will save you many weeks!
Wish I had found a step by step like this!
Now where to post this?
IO
P.S. If you find this useful. Tick the little black up arrow to up vote this. Purely to help others, I receive no reward for "likes".