<!DOCTYPE html>
<html lang="en">
<head>
<title>The Opera Widgets Manager application - Dev.Opera</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="L7q_7GF5c9d7ZAUYdfaTiRaB6sTAGv_cRz3nq5DsabM">
<meta name="description" content="Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such as extensions and themes for the Opera browser.">
<meta name="keywords" content="Opera, web, HTML5, HTML, CSS3, CSS, JavaScript, SVG, Geolocation, Widgets, Extensions, Unite, Mini, Mobile, web development, design, web design, tutorials, articles, examples, demos, web standards, open standards, open web, video, audio, getusermedia, accessibility, wai-aria, transitions, translations, microformats, microdata, dataset, media queries, viewport, @viewport, transparency, opacity, gradients, box-shadow, text-shadow, web fonts, appcache, websql, local storage, ajax, json, games, userjs, webgl, tv, tablet, emulator, skinning, themes, skins, drasgonfly, mathml, web sockets, operawatir">
<link rel="icon" href="../../../../static.myopera.com/dev/img/speed_dial-icon.png" type="image/png">
<link rel="apple-touch-icon" href="../../../../static.myopera.com/dev/img/touch-icon.png" type="image/png">
<link rel="shortcut icon" href="../../../favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="../../../../static.myopera.com/dev/css/devopera.css" type="text/css">
<!--[if IE 6]><link rel="stylesheet" href="/css/browsers/ie6.css" type="text/css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/css/browsers/ie7.css" type="text/css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="/css/browsers/ie8.css" type="text/css"><![endif]-->
<!--[if lte IE 8]><script type="text/javascript" src="/js/ie.js"></script><![endif]-->
<link rel="stylesheet" href="../../../../static.myopera.com/dev/css/articles.css">
<link rel="stylesheet" media="print" href="../../../../static.myopera.com/dev/css/print.css">
<link rel="stylesheet" href="../../../../static.myopera.com/dev/css/github.css">
<link rel="alternate" type="application/rss+xml" title="Recent articles - RSS 2.0 Feed" href="../../../feeds/rss/articles">
<link rel="alternate" type="application/atom+xml" title="Recent articles - Atom 1.0 Feed" href="../../../feeds/atom/articles">
<link rel="alternate" type="application/rss+xml" title="Recent articles in Add-ons - RSS 2.0 Feed" href="../../../feeds/rss/articles/addons">
<link rel="alternate" type="application/atom+xml" title="Recent articles in Add-ons - Atom 1.0 Feed" href="../../../feeds/atom/articles/addons">
<link rel="alternate" type="application/rss+xml" title="Recent articles in Widgets - RSS 2.0 Feed" href="../../../feeds/rss/articles/addons/widgets">
<link rel="alternate" type="application/atom+xml" title="Recent articles in Widgets - Atom 1.0 Feed" href="../../../feeds/atom/articles/addons/widgets">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../../../../static.myopera.com/dev/js/menu.js"></script>
<noscript>
<style type="text/css">
.collection ul li ul {
display: inherit !important;
}
</style>
</noscript>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4118503-4']);
_gaq.push(['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="widgets">
<header role="banner" class="article-view" >
<div>
<a href="../../../index.html" id="logo">Dev.Opera</a>
<form action="http://dev.opera.com/search" role="search">
<fieldset>
<label class="hidden" for="q">Search</label>
<input type="text" name="q" maxlength="256" value="" id="q" required>
<input type="submit" id="q-submit" value="Search" title="Search">
</fieldset>
</form>
<p id="login">
<a href="../../../../../https/dev.opera.com/login/index.html" accesskey="L" title="Log in">Log in</a>
</p>
<nav id="nav">
<ul role="menu">
<li role="menuitem" >
<a href="../../../web.html">Web</a>
</li>
<li role="menuitem" class="selected">
<a href="../../../addons.1.html">Add-ons</a>
</li>
<li role="menuitem" >
<a href="../../../mobile.html">Mobile</a>
</li>
<li role="menuitem" >
<a href="../../../tv.html">TV</a>
</li>
<li role="menuitem" >
<a href="../../../labs.html">Labs</a>
</li>
</ul>
</nav>
</div>
<nav id="subnav">
<ul role="menu">
<li role="menuitem" >
<a href="../../../addons/extensions/index.html">Opera 11-12 extensions</a>
</li>
<li role="menuitem" >
<a href="http://dev.opera.com/extension-docs/">Opera 15+ extensions</a>
</li>
<li role="menuitem" >
<a href="../../../addons/themes.html">Themes</a>
</li>
</ul>
</nav>
</header>
<section id="content" role="main" class="asideleft">
<section class="main">
<article lang="en">
<h1>The Opera Widgets Manager application</h1>
<p class="print author">By Hans S. Tømmerholt</p>
<p>Table of contents:</p>
<ol>
<li><a href="index.html#intro">Introduction</a></li>
<li><a href="index.html#wm">Windows Mobile</a>
<ol>
<li><a href="index.html#wm_install">Installation instructions</a></li>
</ol>
</li>
<li><a href="index.html#ws60">S60</a>
<ol>
<li><a href="index.html#s60_install">Installation instructions</a></li>
</ol>
</li>
<li><a href="index.html#run">Running widgets on the device</a></li>
<li><a href="index.html#resources">Resources</a></li>
</ol>
<h2 id="intro">Introduction</h2>
<p>The Opera Widget manager is a standalone application allowing you to organize and run widgets independently of the browser. The manager integrates with Opera’s distribution channel for widgets – <a href="http://widgets.opera.com">widgets.opera.com</a> – and responds to files with a <code>.wgt</code> extension.</p>
<p><img src="../../../../devfiles.myopera.com/articles/704/s60_manager.png" title="Screenshot of the Widget manager on S60" alt="Screenshot of the Widget manager on S60" /> <img src="../../../../devfiles.myopera.com/articles/704/wm_manager.png" title="Screenshot of the Widget manager on Windows Mobile" alt="Screenshot of the Widget manager on Windows Mobile" /><br />
Figure 1: The Opera Widget manager application on different platforms</p>
<p>The Widget manager application for Windows Mobile and a developer version of the application for the S60 platform are both included in the Opera Widgets SDK.</p>
<h2 id="wm">Windows Mobile</h2>
<p>The Windows Mobile Widget manager gives you one-click access to your favourite widgets. The Windows Mobile Widget manager is available as an add-on download to the Opera Mobile browser for Windows Mobile. These can both be downloaded from <a href="ftp://ftp.opera.com/pub/opera/winmobile/970b1/">ftp://ftp.opera.com/pub/opera/winmobile/970b1/</a></p>
<p>The Windows Mobile Widget manager includes the following widgets by default: Twitter, Mystatus, Google Translate, Geoquiz and Bubbles. It links to an updated version of the <a href="http://widgets.opera.com">Opera Widgets website</a>, where more widgets can be downloaded.</p>
<p>Note that this manager depends on the browser component already being installed.</p>
<h3 id="wm_install">Installation instructions</h3>
<ol>
<li>Either <a href="ftp://ftp.opera.com/pub/opera/winmobile/970b1/">download the Windows Mobile Widget manager package</a> using the browser on your phone, or locate the installation file in the util/manager folder in the SDK package.</li>
<li>Send it to your phone using <a href="http://www.microsoft.com/download/en/details.aspx?id=15">ActiveSync</a>.</li>
<li>Locate the <code>.cab</code> file on your device. Double-click it to start the installation.</li>
<li>Run the installation. The Widget manager is now available in your application list.</li>
</ol>
<h2 id="ws60">S60</h2>
<p>The Widget manager brings widgets to the S60 platform at the touch of a button. The build does not include the Opera browser component – the build has been made available so that developers can test and build Opera Widgets even before our product hits the market.</p>
<p>The application has been tested on the following handsets:</p>
<ul>
<li>Nokia E65</li>
<li>Nokia E66</li>
<li>Nokia 6110</li>
<li>Nokia 6210 Navigator</li>
<li>Nokia N73</li>
<li>Nokia N78</li>
<li>Nokia N82</li>
<li>Nokia N95</li>
<li>Nokia N95 8gb</li>
<li>Nokia N96</li>
<li>Nokia 6124c</li>
<li>Samsung i550</li>
</ul>
<p>Several new features have been added in this update. These include:</p>
<ul>
<li>Move widget: Sort your own widget list and put your widgets where you want them</li>
<li>Send widget: Send your favorite widgets to friends using MMS, Bluetooth or IR (depending on what the phone supports)</li>
<li>Support for <a href="http://www.opera.com/dragonfly/">Opera Dragonfly</a>.</li>
</ul>
<h3 id="s60_install">Installation instructions</h3>
<ol>
<li>Either download the S60 Widget manager package using the browser on your phone, or locate the installation file in the util/manager folder in the SDK package.</li>
<li>Send the file to your device using Bluetooth. This will open a dialogue as seen in Figure 3.</li>
<li>Run the installation. The Widget manager will now be available in your application grid.</li>
</ol>
<p><img src="../../../../devfiles.myopera.com/articles/704/s60_install_1.png" title="Installing the manager" alt="Installing the manager" /> <img src="../../../../devfiles.myopera.com/articles/704/s60_install_2.png" title="Information about the installation package" alt="Information about the installation package" /> <img src="../../../../devfiles.myopera.com/articles/704/s60_appgrid_wm.png" title="The running manager" alt="The running manager" /><br />
Figure 2: Installing on S60</p>
<h2 id="run">Running widgets on the device</h2>
<p>To run widgets on your device, do the following:</p>
<ol>
<li>Create the widget and test it in the <a href="../widget-emulator/index.html">Widget Emulator</a>.</li>
<li>Zip the contents of the widget directory and give it a ”.wgt” extension.</li>
<li>Send it to your device, using Bluetooth, IR or ActiveSync over USB.</li>
<li>Locate the package on the device and double click the file to view your widget in action.</li>
</ol>
<p>You can also visit <a href="http://widgets.opera.com">widgets.opera.com</a> using your phone’s browser to download more widgets.</p>
<h2 id="resources">Resources</h2>
<ul>
<li><a href="../characteristics-of-widgets-on-mobile-pho/index.html">Characteristics of widgets on mobile phones</a></li>
<li><a href="../cross-device-development-techniques-for/index.html">Cross device development techniques for widgets</a></li>
<li><a href="../remote-debugging-of-widgets-on-mobile-devices/index.html">Remote debugging of widgets on mobile devices</a></li>
</ul>
<ul class="seriesNav">
<li><a href="../opera-widgets-sdk/index.html" rel="index">Opera Widgets SDK table of contents</a></li>
</ul>
<p id="license" class="info">This article is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="license">Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported</a> license.</p>
</article>
<section id="comments">
<h2>Comments</h2>
<p class="info">The forum archive of this article is still available on <a href="http://my.opera.com/community/forums/topic.dml?id=278670">My Opera</a>.</p>
<ul>
<li id="comment-90618632">
<a href="../../../author/mobiody.html"><img src="../../../../../https/static.myopera.com/avatars/pool1/0b/2c6/6a5629014afde5b70cc14d0b2f3e338ac05." alt="photo" class="avatar"/></a>
<p class="commenter"><a href="../../../author/mobiody.html">ody</a></p>
<p class="commentdate">Thursday, June 7, 2012</p>
<section class="commentcontent"><span class="bubble-arrow"></span>hi i download this app on my nokia 603 symbian s60 but the app load to open long time and it not open after the load... </section>
</li>
<li id="comment-93195192">
<a href="../../../author/senju9.html"><img src="../../../../../https/static.myopera.com/avatars/pool1/8a/b07/fc9324bc5556ab4cb3336635a52e86b28b9.jpg" alt="photo" class="avatar"/></a>
<p class="commenter"><a href="../../../author/senju9.html">Daniel lot</a></p>
<p class="commentdate">Sunday, July 22, 2012</p>
<section class="commentcontent"><span class="bubble-arrow"></span>hi i need a more detailed explanation on how to use the widget</section>
</li>
</ul>
No new comments accepted.
</section>
</section>
<aside>
<section class="info">
<p class="author"><strong>Author</strong> <a href="../../../author/For_d.html" rel="author">Hans S. Tømmerholt</a></p>
<p>
<strong>Date</strong>
Tuesday, February 9, 2010
</p>
<p class="tags"><strong>Tags</strong></p>
<ul class="tags">
<li><a href="../../tags/manager.html" rel="tag">manager</a></li>
<li><a href="../../tags/opera.html" rel="tag">opera</a></li>
<li><a href="../../tags/s60.html" rel="tag">s60</a></li>
<li><a href="../../tags/widgets.html" rel="tag">widgets</a></li>
<li><a href="../../tags/windows mobile.html" rel="tag">windows mobile</a></li>
</ul>
</section>
</aside>
</section>
<script type="text/javascript" src="../../../../static.myopera.com/dev/js/highlight.pack.js"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();</script>
<footer>
<section role="contentinfo">
<ul>
<li><a href="../../../help.html">Help/<abbr>FAQ</abbr></a>
<li><a href="http://my.opera.com/community/terms-of-service/?utm_source=devopera&utm_medium=footer&utm_campaign=devlinks">Terms of service</a>
<li><a href="../../../privacy.html">Privacy</a>
</ul>
</section>
</footer>
</body>
</html>