| [qo-modules-dev] [46] Tooltips on buttons are working again. |
[ Thread Index |
Date Index
| More lists.tuxfamily.org/qo-modules-dev Archives
]
Revision: 46
Author: mjlecomte
Date: 2008-12-05 04:39:22 +0100 (Fri, 05 Dec 2008)
Log Message:
-----------
Tooltips on buttons are working again. Each button has it's own separate configurable tooltip. The tooltip for the taskbar button is special in that there is a template that can be configured or overridden (similar to windows OS appearance).
Look at docs, 2nd tab of "API Home" is called "User Guide". I threw in test image of my desktop screen as of tonight (notice buttons still need vertical offset positioning fix from css)
Modified Paths:
--------------
mickael/trunk/docs/desktop/js/symbols/Ext.ux.ActiveAppsPanel.html
mickael/trunk/docs/desktop/js/symbols/Ext.ux.Appbar.html
mickael/trunk/docs/desktop/js/symbols/Ext.ux.button.TaskButton.html
mickael/trunk/docs/desktop/js/symbols/launch.html
mickael/trunk/docs/desktop/js/userguide.html
mickael/trunk/docs/desktop/js/welcome.html
mickael/trunk/docs/jsdoc/templates/ext/static/userguide.html
mickael/trunk/docs/jsdoc/templates/ext/static/welcome.html
mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/App.js
mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Launch.js
mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Module.js
mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/button/TaskButton.js
mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/toolbar/Appbar.js
mickael/trunk/ext/v3.0.0-a1/learn/desktop/preload.js
Added Paths:
-----------
mickael/trunk/docs/desktop/js/resources/images/guide/
mickael/trunk/docs/desktop/js/resources/images/guide/test.PNG
Added: mickael/trunk/docs/desktop/js/resources/images/guide/test.PNG
===================================================================
(Binary files differ)
Property changes on: mickael/trunk/docs/desktop/js/resources/images/guide/test.PNG
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: mickael/trunk/docs/desktop/js/symbols/Ext.ux.ActiveAppsPanel.html
===================================================================
--- mickael/trunk/docs/desktop/js/symbols/Ext.ux.ActiveAppsPanel.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/symbols/Ext.ux.ActiveAppsPanel.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -91,9 +91,9 @@
<a id="Ext.ux.ActiveAppsPanel-methods-initButtons"></a>
<b>initButtons</b>( <code>String l</code> ) : void
<div class="mdesc">
- <div class="short">//Initialize any buttons...</div>
+ <div class="short">Initialize any buttons...</div>
<div class="long">
- //Initialize any buttons
+ Initialize any buttons
Modified: mickael/trunk/docs/desktop/js/symbols/Ext.ux.Appbar.html
===================================================================
--- mickael/trunk/docs/desktop/js/symbols/Ext.ux.Appbar.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/symbols/Ext.ux.Appbar.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -28,7 +28,7 @@
</table>
<div class="description">
- A specialized Toolbar implementation for the Start Menu
+ A specialized Toolbar implementation for the Task Bar
</div>
<div class="hr"></div>
@@ -91,9 +91,9 @@
<a id="Ext.ux.Appbar-methods-initButtons"></a>
<b>initButtons</b>( <code>String l</code> ) : void
<div class="mdesc">
- <div class="short">//Initialize any buttons...</div>
+ <div class="short">Initialize any buttons...</div>
<div class="long">
- //Initialize any buttons
+ Initialize any buttons
Modified: mickael/trunk/docs/desktop/js/symbols/Ext.ux.button.TaskButton.html
===================================================================
--- mickael/trunk/docs/desktop/js/symbols/Ext.ux.button.TaskButton.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/symbols/Ext.ux.button.TaskButton.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -34,8 +34,8 @@
<div class="hr"></div>
<a id="Ext.ux.button.TaskButton-configs"></a>
<h2>Config Options</h2>
- <p>This class has no config options.</p>
- <table cellspacing="0" class="x-hidden">
+
+ <table cellspacing="0" class="member-table">
<tr>
<th class="sig-header" colspan="2">Config Options</th>
<th class="msource-header">Defined By</th>
@@ -45,6 +45,28 @@
Ext.ux.button.TaskButton
</div>
+
+ <tr class="config-row expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+ <a id="Ext.ux.button.TaskButton-cfg-tooltipTpl"></a>
+ <b>tooltipTpl</b> : String
+ <div class="mdesc">
+ <div class="short">Default tooltip template for displaying tooltips when hovering over task buttons.
+Defaults to:...</div>
+ <div class="long">
+
+ Default tooltip template for displaying tooltips when hovering over task buttons.
+Defaults to:
+
+ </div>
+ </div>
+ </td>
+ <td class="msource">
+ TaskButton
+ <a class="x-hidden" ext:cls="Ext.ux.button.TaskButton" ext:member="Ext.ux.button.TaskButton#tooltipTpl" href="symbols/Ext.ux.button.TaskButton.html">TaskButton</a>
+ </td>
+ </tr>
</table>
@@ -88,6 +110,77 @@
<tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
+ <a id="Ext.ux.button.TaskButton-methods-createTooltip"></a>
+ <b>createTooltip</b>( <code></code> ) : void
+ <div class="mdesc">
+ <div class="short">Creates the tooltip for the button...</div>
+ <div class="long">
+ Creates the tooltip for the button
+
+
+
+ <div class="mdetail-params">
+ <strong>Parameters:</strong>
+ <ul>
+
+ </ul>
+
+ <strong>Returns:</strong>
+ <ul>
+ <li>void<div class="sub-desc"></div></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </td>
+ <td class="msource">
+ TaskButton
+ <a class="x-hidden" ext:cls="Ext.ux.button.TaskButton" ext:member="Ext.ux.button.TaskButton#createTooltip" href="symbols/Ext.ux.button.TaskButton.html">TaskButton</a>
+ </td>
+ </tr>
+
+ <tr class="method-row expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+ <a id="Ext.ux.button.TaskButton-methods-createTpl"></a>
+ <b>createTpl</b>( <code>string/array html</code> ) : void
+ <div class="mdesc">
+ <div class="short">Creates the tooltip template for the button...</div>
+ <div class="long">
+ Creates the tooltip template for the button
+
+
+
+ <div class="mdetail-params">
+ <strong>Parameters:</strong>
+ <ul>
+
+ <li>
+ <code>html</code> : string/array
+ <div class="sub-desc"> (Optional) the html used to generate
+the template (defaults to tooltipTpl).</div>
+
+ </li>
+
+ </ul>
+
+ <strong>Returns:</strong>
+ <ul>
+ <li>void<div class="sub-desc"></div></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </td>
+ <td class="msource">
+ TaskButton
+ <a class="x-hidden" ext:cls="Ext.ux.button.TaskButton" ext:member="Ext.ux.button.TaskButton#createTpl" href="symbols/Ext.ux.button.TaskButton.html">TaskButton</a>
+ </td>
+ </tr>
+
+ <tr class="method-row expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
<a id="Ext.ux.button.TaskButton-methods-initCmenu"></a>
<b>initCmenu</b>( <code></code> ) : void
<div class="mdesc">
@@ -116,6 +209,46 @@
<a class="x-hidden" ext:cls="Ext.ux.button.TaskButton" ext:member="Ext.ux.button.TaskButton#initCmenu" href="symbols/Ext.ux.button.TaskButton.html">TaskButton</a>
</td>
</tr>
+
+ <tr class="method-row expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+ <a id="Ext.ux.button.TaskButton-methods-setTipText"></a>
+ <b>setTipText</b>( <code>Object data</code> ) : void
+ <div class="mdesc">
+ <div class="short">Sets the tooltip text for the button by applying the data passed
+to the tooltip template...</div>
+ <div class="long">
+ Sets the tooltip text for the button by applying the data passed
+to the tooltip template
+
+
+
+ <div class="mdetail-params">
+ <strong>Parameters:</strong>
+ <ul>
+
+ <li>
+ <code>data</code> : Object
+ <div class="sub-desc"> data object to be applied to the tooltip template</div>
+
+ </li>
+
+ </ul>
+
+ <strong>Returns:</strong>
+ <ul>
+ <li>void<div class="sub-desc"></div></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </td>
+ <td class="msource">
+ TaskButton
+ <a class="x-hidden" ext:cls="Ext.ux.button.TaskButton" ext:member="Ext.ux.button.TaskButton#setTipText" href="symbols/Ext.ux.button.TaskButton.html">TaskButton</a>
+ </td>
+ </tr>
</table>
Modified: mickael/trunk/docs/desktop/js/symbols/launch.html
===================================================================
--- mickael/trunk/docs/desktop/js/symbols/launch.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/symbols/launch.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -113,7 +113,7 @@
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="launch-methods-filter"></a>
- <b>filter</b>( <code>Object by, Object val</code> ) : void
+ <b>filter</b>( <code>Object by, Object val, Boolean anyMatch</code> ) : void
<div class="mdesc">
<div class="short">Filters the MixedCollection by the specified property and value....</div>
<div class="long">
@@ -137,6 +137,12 @@
</li>
+ <li>
+ <code>anyMatch</code> : Boolean
+ <div class="sub-desc"> (optional) True to match any part of the string, not just the beginning</div>
+
+ </li>
+
</ul>
<strong>Returns:</strong>
Modified: mickael/trunk/docs/desktop/js/userguide.html
===================================================================
--- mickael/trunk/docs/desktop/js/userguide.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/userguide.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -1,51 +1,7 @@
-<div id="welcome">
+<div id="guide">
<div class="col">
- <div id="search">
- </div>
+ <img src="resources/images/guide/test.png" alt="Initial View" />
</div>
<div class="col-last">
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Additional Resources</h3>
-
- <ul>
- <li><a href="../examples" target="_blank">Ext 2.0 Samples</a></li>
- <li><a href="http://extjs.com/learn"; target="_blank">Ext Learning Center</a></li>
- <li><a href="http://extjs.com/learn/Ext_FAQ"; target="_blank">FAQ</a></li>
- <li><a href="http://extjs.com/learn/Tutorials"; target="_blank">Tutorials</a></li>
- <li><a href="http://extjs.com/learn/Ext_Manual"; target="_blank">Ext Community Manual</a></li>
-
- <li><a href="http://extjs.com/blog"; target="_blank">Ext JS Blog</a></li>
- </ul>
- </div>
- </div>
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Support</h3>
- <ul>
-
- <li><a href="http://extjs.com/ext-store"; target="_blank">Support Subscriptions</a></li>
- <li><a href="http://extjs.com/forum"; target="_blank">Community Forums</a></li>
- </ul>
- </div>
- </div>
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Icon Legend</h3>
-
- <ul id="legend" style="list-style:none;margin-left:0;">
- <li><img src="resources/s.gif" class="item-icon icon-pkg">Package</li>
- <li><img src="resources/s.gif" class="item-icon icon-cls">Class</li>
- <li><img src="resources/s.gif" class="item-icon icon-static">Singleton</li>
- <li><img src="resources/s.gif" class="item-icon icon-cmp">Component</li>
- <li><img src="resources/s.gif" class="item-icon icon-method">Method</li>
-
- <li><img src="resources/s.gif" class="item-icon icon-prop">Property</li>
- <li><img src="resources/s.gif" class="item-icon icon-config">Config Option</li>
- <li><img src="resources/s.gif" class="item-icon icon-event">Event</li>
- </ul>
- </div>
- </div>
</div>
-
-</div>
+</div>
\ No newline at end of file
Modified: mickael/trunk/docs/desktop/js/welcome.html
===================================================================
--- mickael/trunk/docs/desktop/js/welcome.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/desktop/js/welcome.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -48,4 +48,4 @@
</div>
</div>
-</div>
+</div>
\ No newline at end of file
Modified: mickael/trunk/docs/jsdoc/templates/ext/static/userguide.html
===================================================================
--- mickael/trunk/docs/jsdoc/templates/ext/static/userguide.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/jsdoc/templates/ext/static/userguide.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -1,51 +1,7 @@
-<div id="welcome">
+<div id="guide">
<div class="col">
- <div id="search">
- </div>
+ <img src="resources/images/guide/test.png" alt="Initial View" />
</div>
<div class="col-last">
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Additional Resources</h3>
-
- <ul>
- <li><a href="../examples" target="_blank">Ext 2.0 Samples</a></li>
- <li><a href="http://extjs.com/learn"; target="_blank">Ext Learning Center</a></li>
- <li><a href="http://extjs.com/learn/Ext_FAQ"; target="_blank">FAQ</a></li>
- <li><a href="http://extjs.com/learn/Tutorials"; target="_blank">Tutorials</a></li>
- <li><a href="http://extjs.com/learn/Ext_Manual"; target="_blank">Ext Community Manual</a></li>
-
- <li><a href="http://extjs.com/blog"; target="_blank">Ext JS Blog</a></li>
- </ul>
- </div>
- </div>
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Support</h3>
- <ul>
-
- <li><a href="http://extjs.com/ext-store"; target="_blank">Support Subscriptions</a></li>
- <li><a href="http://extjs.com/forum"; target="_blank">Community Forums</a></li>
- </ul>
- </div>
- </div>
- <div class="res-block">
- <div class="res-block-inner">
- <h3>Icon Legend</h3>
-
- <ul id="legend" style="list-style:none;margin-left:0;">
- <li><img src="resources/s.gif" class="item-icon icon-pkg">Package</li>
- <li><img src="resources/s.gif" class="item-icon icon-cls">Class</li>
- <li><img src="resources/s.gif" class="item-icon icon-static">Singleton</li>
- <li><img src="resources/s.gif" class="item-icon icon-cmp">Component</li>
- <li><img src="resources/s.gif" class="item-icon icon-method">Method</li>
-
- <li><img src="resources/s.gif" class="item-icon icon-prop">Property</li>
- <li><img src="resources/s.gif" class="item-icon icon-config">Config Option</li>
- <li><img src="resources/s.gif" class="item-icon icon-event">Event</li>
- </ul>
- </div>
- </div>
</div>
-
-</div>
+</div>
\ No newline at end of file
Modified: mickael/trunk/docs/jsdoc/templates/ext/static/welcome.html
===================================================================
--- mickael/trunk/docs/jsdoc/templates/ext/static/welcome.html 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/docs/jsdoc/templates/ext/static/welcome.html 2008-12-05 03:39:22 UTC (rev 46)
@@ -48,4 +48,4 @@
</div>
</div>
-</div>
+</div>
\ No newline at end of file
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/App.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/App.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/App.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -189,6 +189,8 @@
for (var i = 0, len = l.length; i < len; i++) {
k = {};
+
+ // set the launcher type
if (typeof l[i] === "string") {
k.type = l[i];
} else {
@@ -196,7 +198,7 @@
}
// apply any defaults not already configured
l[i] = Ext.applyIf(k, m.launchDefaults);
-
+
// assign id
l[i].launchId = k.type + '_' + m.id;
l[i].id = m.id;
@@ -209,6 +211,7 @@
l[i].scope = l[i].scope || m;
}
+
// add to the launch manager
// TODO: this should be removed and added to the constructor for the handler
Ext.ux.Launch.manager.addAll(l);
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Launch.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Launch.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Launch.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -11,14 +11,18 @@
// Private area
// Only the members passed back with the *return* can access these properties
- var LaunchMgr = new Ext.util.MixedCollection(false, function(h){
- return h.launchId || h.id;
- });
+ var LaunchMgr = new Ext.util.MixedCollection(
+ false, //false = do not add function references when using addAll
+ // the getKey function:
+ function (h) {
+ return h.launchId || h.id;
+ }
+ );
/* @private */
var launch = Ext.extend(Object, {
- constructor: function(config){
+ constructor: function (config) {
Ext.apply(this, config);
if (this.launchId || this.id) {
LaunchMgr.add(this);
@@ -27,7 +31,7 @@
/**
* @private
*/
- call: function(){
+ call: function () {
//slice is not available to Object so we have to call on Array to help us out
this.handler.apply(this.scope || arguments[0], Array.prototype.slice.call(arguments, 1));
},
@@ -36,7 +40,7 @@
* @param {Object} a
* @private
*/
- apply: function(scope, a){
+ apply: function (scope, a) {
this.handler.apply(this.scope || a[0], Array.prototype.slice.call(a, 1));
}
});
@@ -63,7 +67,7 @@
</code></pre>
* @param {String/Number } id The key or index of the item.
*/
- launch.get = function(key){
+ launch.get = function (key) {
return LaunchMgr.get(key);
};
@@ -71,9 +75,10 @@
* Filters the MixedCollection by the specified property and value.
* @param {Object} by property to filter by
* @param {Object} val value for the filter property
+ * @param {Boolean} anyMatch (optional) True to match any part of the string, not just the beginning
*/
- launch.filter = function(prop, val){
- return LaunchMgr.filter(prop, val).items;
+ launch.filter = function (prop, val, anyMatch) {
+ return LaunchMgr.filter(prop, val, anyMatch).items;
};
/**
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Module.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Module.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/Module.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -31,7 +31,7 @@
* getKey implementation for MixedCollection
*/
getKey : function (o) {
- return o.moduleId || o.id;
+ return o.id;
}
});
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/button/TaskButton.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/button/TaskButton.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/button/TaskButton.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -6,13 +6,25 @@
*/
Ext.ux.button.TaskButton = Ext.extend(Ext.Button, {
+ /**
+ * @cfg {String} tooltipTpl
+ * Default tooltip template for displaying tooltips when hovering over task buttons.
+ * Defaults to:
+ */
+ tooltipTpl: '<h3>{value:ellipsis(10)}</h3><span class="{cls}">{name:trim}</span></div>',
+
/* @private */
constructor: function (win) {
this.win = win;
+
+ // create the tooltip for the button
+ this.createTooltip();
+
Ext.ux.button.TaskButton.superclass.constructor.call(this, {
iconCls: win.iconCls,
id: win.id + '_TaskBarTaskButton',
text: Ext.util.Format.ellipsis(win.title, 12),
+ tooltip: this.tooltip,
handler : function () {
if (win.minimized || win.hidden) {
win.show();
@@ -26,6 +38,43 @@
});
},
+ /**
+ * Creates the tooltip for the button
+ */
+ createTooltip: function () {
+ var w = this.win;
+ this.createTpl(w.tooltipTpl);
+
+ var n = w.id.split('_')[1];
+ var desc = w.description || '';
+ var data = {cls: 'myclass', title: w.title, no: n, description: desc};
+ this.setTipText(data);
+
+ this.tooltip = {
+ //title: 'My Tooltip',
+ text: this.toolTipText
+ };
+ },
+
+ /**
+ * Creates the tooltip template for the button
+ * @param {string/array} html (Optional) the html used to generate
+ * the template (defaults to tooltipTpl).
+ */
+ createTpl: function (html) {
+ html = html || this.tooltipTpl;
+ this.tooltipTpl = new Ext.Template(html);
+ },
+
+ /**
+ * Sets the tooltip text for the button by applying the data passed
+ * to the tooltip template
+ * @param {Object} data data object to be applied to the tooltip template
+ */
+ setTipText: function (data) {
+ this.toolTipText = this.tooltipTpl.apply(data);
+ },
+
/* @private */
onRender: function (ct, position) {
Ext.ux.button.TaskButton.superclass.onRender.apply(this, arguments);
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/toolbar/Appbar.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/toolbar/Appbar.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/js/toolbar/Appbar.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -1,5 +1,5 @@
/**
- * A specialized Toolbar implementation for the Start Menu
+ * A specialized Toolbar implementation for the Task Bar
* @class Ext.ux.Appbar
* @extends Ext.Toolbar
*/
@@ -22,7 +22,7 @@
},
/**
- * //Initialize any buttons
+ * Initialize any buttons
* @param {String} l launch menu type
*/
initButtons: function (l) {
@@ -32,6 +32,7 @@
var b = {};
Ext.each(qItems, function(item, index, allItems){
b.iconCls = item.iconCls;
+ b.tooltip = item.tooltip;
b.handler = item.handler;
// do not display text
btns.push(b);
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/preload.js
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/preload.js 2008-12-04 17:49:01 UTC (rev 45)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/preload.js 2008-12-05 03:39:22 UTC (rev 46)
@@ -69,8 +69,12 @@
//A typical module config object will have a form something like this:
// id (required), must be unique for entire app
- id: 'layoutwin',
+ id: 'layoutwin',
+ // description will be displayed with the taskbutton tooltip
+ // notice how each launcher has a configurable tooltip display (see tooltipTpl also)
+ description: 'A window with a layout blah, blah, blah...',
+
// notice the consistent use of the base name: "layoutwin"
// this will make it easier to unify and automate referencing module assets
// the xtype, css filename, js filename, module folder name, icon name,
@@ -100,13 +104,15 @@
// creating a new instance versus just showing the one instance.
limit: 2,
+ // tooltip template for taskbar button
+ tooltipTpl: '<h3>{title:ellipsis(20)} ({no})</h3><span class="{cls}">{description:trim}</span></div>',
+
// defaults will be applied to all launchers
launchDefaults: {
// note that the icon and shortcut specified in the css file could also
// be standardized so that the icon and shortcut images have a consistent filename
// across modules instead of the current random filename used.
iconCls: 'layoutwin-icon',
- shortcutIconCls: 'layoutwin-shortcut',
text: 'Layout Window',
tooltip: '<b>Layout Window</b><br />A window with a layout'
},
@@ -127,11 +133,10 @@
'autorun', 'context', 'quick', 'tray',
// or specify a full config for finer control:
+ // notice that these properties are the same as used in 'defaults' config
{
type: 'shortcut',
- // notice that these properties are the same as used in 'defaults' config
- iconCls: 'acc-icon',
- shortcutIconCls: 'layoutwin-shortcut',
+ iconCls: 'layoutwin-shortcut',//notice different iconCls for shortcut
text: 'Layout Window',
tooltip: '<b>Layout Window</b><br />A window with a layout'
},