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

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

Related

Coded UI - Unable to identify a html controls on a Wpfbrowser

I am new to CodedUI & C#.
I am trying to automate a wpf application which has a WPF Browser.
So basically, It's WPF container with html content inside. I have created a similar sample small application and shared it here. This application opens the amazon.in website within wpfwindow.
WPF Browser application
My problem is Coded UI is not able to identify the Html-Controls/elements like 'Buttons', 'Text input fields' properly.
Below, the top image is from the WPF Browser app [Link which i have shared].
Here you can see a blue square box on the top-left. The coded UI identifies that area has the Search Go button.
Bottom part of the image is of the amazon website in IE browser where coded ui is properly highliting/ identifying the Search Go button.
Does this mean i cannot automate WPFBrowser apps using Coded UI.?
Can someone please tell what to do to identify the buttons properly in coded ui
You need to specify Id attributes for the controls that you want exposed to Coded UI.
To me this looks like CodedUI is getting some control that's similar, rather than the correct one.
You haven't mentioned if you're recording and executing tests or handwriting them in a separate CodedUI solution.
If you're recording them: Be sure that you're recording using your WPF application and interactions inside of them, rather than recording using your browser and then trying to execute tests using the WPF application
If you're writing them by hand: Be sure that you're correctly creating trees of inheritance when writing your tests. For instance, in a traditional CodedUI scenario the absolute top level object that all other controls inherit from is a web browser. In your scenario, that object should be the WPF object. There are probably going to be some other windows or various controls that are children of the WPF application which in turn will finally have the browser as a child.

winjs windows 10 application taskbar icon

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

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.

Windows Phone Live Tiles with Background from the Web and updated automatically.

I am currently working on a windows Phone App that is supposed to have a flipping liveTile. Here's how it is supposed to work:
The Front will be generated from UI Elements that are filled with Data pulled from a Web API. That Backside will be generated from an Image downloaded from the Web. the Idea ist to have one Image for the small liveTile size and one for the big live tile.
Can someone give me a hint, how i can update the livetile automatically without having to have the app opened? I can't do it with a Push notification because i don't have a server to do the pushing in the first place. I tried using the ShellTileSheduler and RemotImageURI property but this doesn't work for different sizes. Am i missing something? Has anyone done somehting like this and has an idea how to do it? I'm getting really frustrated.
Here is a good start to generate tile
http://blogs.msdn.com/b/andy_wigley/archive/2013/04/10/live-apps-creating-custom-tile-and-lock-screen-images.aspx

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".