-
26 Sep 2008 6:48 AM #1
Need help on tool tips
Need help on tool tips
I I h I have some tooltip and tool bar questions, if anyone can give a hint, thanks in advance.
1. How to add tooltip to a Ext.Panel collapse button, refer to the image in the attachment file.
2. How to change the font of the tooltip text, refer to the image in the attachment file.
3. How to add a "new mapfish.widgets.toolbar.Toolbar" to a "new Ext.Panel", the tool bar includes
"new OpenLayers.Control.DragPan", "new OpenLayers.Control.ZoomBox" and more OpenLayers controls.
Is this feasible?
My attachment is too big to load to this forum, but it is the file called "tooltip.doc" in this link:
http://n2.nabble.com/Need-help-on-to...td1118418.html
-
26 Sep 2008 6:54 AM #2Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 43
Answer to the first question:
After the layout is rendered you could use:
Code:panel.ownerCt.layout.west.miniSplitEl.dom.qtip = 'Tooltip';
-
26 Sep 2008 8:48 AM #3
Thanks lots Condor.
I am just wondering what is "panel" in
"panel.ownerCt.layout.west.miniSplitEl.dom.qtip = 'Tooltip';" ? Is it the west Panel I defined or just some general panel which comes from Ext JS system?
-
26 Sep 2008 12:32 PM #4Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 43
I answered using mail, but for other forum readers, here is an example showing tooltips on both collapseMode:'mini' and normal collapsible regions:
Code:Ext.onReady(function() { Ext.QuickTips.init(); new Ext.Viewport({ layout: 'border', items: [{ region: 'west', width: 200, title: 'West', split: true, collapseMode: 'mini' },{ region: 'center', title: 'Center' },{ region: 'east', width: 200, title: 'East', split: true, collapsible: true }], listeners: { afterlayout: function(c) { c.layout.west.miniSplitEl.dom.qtip = 'Click to collapse'; c.layout.west.getCollapsedEl(); c.layout.west.miniCollapsedEl.dom.qtip = 'Click to expand'; c.layout.east.panel.tools.toggle.dom.qtip = 'Click to collapse'; c.layout.east.getCollapsedEl().child('.x-tool-expand-east').dom.qtip = 'Click to expand'; }, single: true } }); });
-
26 Sep 2008 3:21 PM #5
A collapseQtip config seems like it would be useful (default to '').
This is needed in that code?
Code:c.layout.west.getCollapsedEl();
MJ
API Search || Ext 3: docs-demo-upgrade guide || User Extension Repository
Frequently Asked Questions: FAQs
Tutorial: Grid (php/mysql/json) , Application Design and Structure || Extensions: MetaGrid, MessageWindow
-
27 Sep 2008 12:12 AM #6


Reply With Quote