Spicing up Matlab uicontrol tooltips
Posted By Yair Altman On May 27, 2009 | 20 Comments
Outside the official Matlab blogs [1], perhaps the most widely known Matlab-related active blog is BlinkDagger [2]. This blog is certainly worth following, especially for novice Matlab users who could gain fresh angles on regular programming tasks that have a simple solution in Matlab.
In one of their latest posts [3], BlinkDagger described how to use tooltips in Matlab GUI. In one of this blog’s very first posts, I described how HTML can easily be used with Matlab uicontrols [4]. Let’s now combine these ideas to show how HTML support can easily be used to spice-up the tooltips.
Let’s start with a simple styled multi-line tooltip:
str = 'line #1
line#2'; set(hControl,'tooltipString',str);
This technique was used to display the informative tooltip for my Java-based data table utility on the Matlab file Exchange [5]:
Tooltips can also be used to present images, using the HTML <img> tag. However, the image src (filename) needs to be formatted in a URL-compliant format such as ‘https://undocumentedmatlab.com/images/table.png [6]‘ or ‘file:/C:\Yair\Undocumented Matlab\Images\table.png’.
If you try to use a non-URL-format filename, the image will not be displayed. Instead, a placeholder box will appear. For example, let’s take the table screenshot above and try to place its filename directly in the tooltip HTML:
filePath = 'C:\Yair\Undocumented Matlab\Images\table.png'; str = ['
' filePath]; set(hButton,'tooltipString',str);
If we fix filePath to be a valid URL, it now looks as intended:
filePath = 'C:\Yair\Undocumented Matlab\Images\table.png'; filePath = strrep(['file:/' filePath],'\','/'); str = ['
' ... '' filePath]; set(hButton,'tooltipString',str);
Tooltip with HTML image and caption
Note that the tooltip looks enormous (it’s actually even downsized to fit this post…). This is because our HTML <img> was not limited in size and so the tooltip was created to display the screenshot in its original large size. In order to limit the tooltip size, simply add the height and width attributes to the HTML <img> tag, remembering to preserve the original image aspect ratio.
Now that we know the basics, we can really go wild with HTML and CSS formatting. Have you configured any kick-butt tooltip in your application? If so, please share it here.
Categories: GUI, Low risk of breaking in future versions, UI controls, Undocumented feature
20 Comments (Open | Close)
Article printed from Undocumented Matlab: https://undocumentedmatlab.com
URL to article: https://undocumentedmatlab.com/articles/spicing-up-matlab-uicontrol-tooltips
URLs in this post:
[1] official Matlab blogs: http://blogs.mathworks.com/
[2] BlinkDagger: http://blinkdagger.com/
[3] one of their latest posts: http://blinkdagger.com/matlab/matlab-gui-tool-tips-are-your-friends
[4] HTML can easily be used with Matlab uicontrols: http://undocumentedmatlab.com/blog/html-support-in-matlab-uicomponents/
[5] Java-based data table utility on the Matlab file Exchange: http://www.mathworks.com/matlabcentral/fileexchange/14225
[6] https://undocumentedmatlab.com/images/table.png: http://undocumentedmatlab.com/images/table.png
[7] Additional uicontrol tooltip hacks : https://undocumentedmatlab.com/articles/additional-uicontrol-tooltip-hacks
[8] Spicing up the Matlab Editor : https://undocumentedmatlab.com/articles/spicing-up-the-matlab-editor
[9] Aligning uicontrol contents : https://undocumentedmatlab.com/articles/aligning-uicontrol-contents
[10] Multi-line tooltips : https://undocumentedmatlab.com/articles/multi-line-tooltips
[11] Setting line position in an edit-box uicontrol : https://undocumentedmatlab.com/articles/setting-line-position-in-edit-box-uicontrol
[12] Inactive Control Tooltips & Event Chaining : https://undocumentedmatlab.com/articles/inactive-control-tooltips-event-chaining
[13] : https://undocumentedmatlab.com/todo/
[14] : http://www.mathworks.com/matlabcentral/fileexchange/16181-datamatrix
[15] : https://undocumentedmatlab.com/books/matlab-java
[16] : https://undocumentedmatlab.com/blog/uitable-customization-report
Click here to print.
20 Comments To "Spicing up Matlab uicontrol tooltips"
#1 Comment By wei On May 29, 2009 @ 07:37
Yair, Could handle2struct/struct2handle pair be extended to cover all java objects?
#2 Comment By Yair Altman On June 3, 2009 @ 10:18
@wei – handle2struct/struct2handle are internal Matlab functions that cannot be modified. However, you can easily build your own m-file version that try’s to call the built-in version and if an error is thrown, then the catch segment will create the necessary output object based on inspection of the Java object.
This could be a nice File Exchange submission – care to tackle it?
You can get some pointers by looking at the code within my UIInspect utility on the File Exchange.
#3 Pingback By MATLAB GUI – Tool Tips are your Friends! | blinkdagger On May 31, 2009 @ 02:09
[…] Yair’s Undocumented Tips on How to Spice up Tooltips […]
#4 Comment By Ben Shepherd On June 3, 2009 @ 07:39
That looks like a really handy feature! On a slightly related note, do you know of any way of forcing a tooltip to display (or update one that is already being displayed)?
#5 Comment By Yair Altman On June 3, 2009 @ 10:10
@Ben – this was challenging: Until you asked I thought I knew the standard answer, which is “no” – tooltips use the system’s ToolTipManager object that can’t be modified. But then I found this Java hack, which I’m not even sure is documented in Java… Assuming you get the Java reference in jHandle:
import java.awt.event.ActionEvent; action = jHandle.getActionMap.get('postTip'); actionEvent = ActionEvent(jHandle, ActionEvent.ACTION_PERFORMED, 'postTip'); action.actionPerformed(actionEvent);The mouse does not even have to be anywhere near the GUI object!
Unfortunately, this hack requires the Java reference of the GUI object, and is not available for Matlab handles. To get a Matlab handle’s underlying Java reference you can use my FindJObj utility on the File Exchange and then use the hack.
#6 Comment By Alan On June 3, 2009 @ 14:19
Offtopic, sorry, but just wanted to reiterate – great blog idea, you should definitely keep it up. How about a post on systemdependent() ?
#7 Comment By Yair Altman On June 3, 2009 @ 14:41
@Alan – thanks.
I’ll do a post or two about systemdependent but look at my long [13]: so little time, so much to do…
#8 Pingback By Zeilenumbruch für Tooltips in Matlab | House-Tiere -d(~_~)b- On April 16, 2010 @ 18:46
[…] Was aber funktioniert ist html, es gibt ein undokumentiertes Feautre, mit dem einfach html eingefügt werden kann – Java machts möglich. […]
#9 Comment By Koelemay On December 2, 2010 @ 08:05
Great post as usual — any idea how to get this to work on the text popups when using datacursormode?? It seems like it would be similar to the tooltips but doesn’t seem to work by default. Thanks in advance for your time!
#10 Comment By Yair Altman On December 2, 2010 @ 10:11
@Koelemay – take a look at my [14] utility, which does this:
#11 Comment By Koelemay On December 3, 2010 @ 06:42
Hi Yair,
Sorry I think my question was too ambiguous; I was wondering if it is possible to get html markup in the datacursor mode popups. So, for example, using datamatrix I’d like to use html markup in the strings for the dataTips input. Hopefully I’m not missing something horribly obvious! Thanks again for your help!
#12 Comment By Yair Altman On December 4, 2010 @ 11:45
@Koelemay – datacursor popups are not tooltips and they don’t support HTML to the best of my knowledge. There’s probably a way to make them HTML-aware, if you dig deep enough in the datacursor code (\toolbox\matlab\graphics\@graphics\@datacursor\*.m, \@datatip\*.m and their relatives within \@graphics). Let us all know if you find a workaround.
#13 Pingback By Multi-line tooltips | Undocumented Matlab On November 2, 2011 @ 19:11
[…] In this blog, I have already posted several articles about how to tweak tooltip contents (here, here, and here). Today I would like to expand on one of the aspects that were already covered, […]
#14 Comment By Nick On August 9, 2012 @ 13:33
Is it possible to use HTML to reference an image file from a compiled MATLAB executable? Is the format for the HTML “img” tag the same?
img src=”file:\c:/user/mypic.png” worked when running my application in MATLAB, but I think the path isn’t correct when I run from my compiled exe. (Crazy MCR!)
Also, are relative paths accepted? I could only get this to work with a full path so far.
#15 Comment By Nick On August 10, 2012 @ 07:16
I ended up getting this working by adding the image file to the executable’s CTF archive (using the -a option to MCC) and then referencing it in my code by:
Then I provided imagePath as the path in the “img” tag. So…this was less of an HTML question, more about proper use of MCC.
#16 Comment By Kai On April 29, 2014 @ 01:11
@Yair,
The code to display tooltips programmatically does not work for uitables in newer Matlab versions anymore:
import java.awt.event.ActionEvent; u = uitable('data',zeros(4,4),'tooltip','text...'); jScroll = findjobj(u); jTable = jScroll.getViewport.getView; action = jTable.getActionMap.get('postTip')matlab output:
action = []#17 Comment By Laurent On September 30, 2014 @ 21:38
Hi Yair ,
Thanks for the tremendous amount of good tips on this blog, it s really helpful.
i was wondering how to put tooltip on a matlab toolbar icon.
As ‘TooltipString’ is not an accessible property for an instance of class ‘uitoolbar’.
any idea how to work around this ?
Thanks,
L.
#18 Comment By Yair Altman On September 30, 2014 @ 22:05
@Laurent – set the TooltipString property on the toolbar icon’s handle (uipushtool, uitoggletool, uisplittool, or uitogglesplittool) – not on the toolbar handle.
#19 Comment By Konstantin On October 11, 2018 @ 11:18
Hi Yair. Your article is excellent, but i see in column “Names” you realized different data for popup in different rows. Please, can you says how you do this?
#20 Comment By Yair Altman On October 21, 2018 @ 18:25
@Konstantin – you can set up a custom cell-editor that displays a different list of drop-down/pop-up values based on certain conditions (such as the data in another column in the same row). I explain how to do this in my book [15] or in my [16]:
