FAQ Database Discussion Community


Zurb Foundation Tooltip: bottom tooltip, but have pip on the right

tooltip,zurb-foundation,pip,right-align
I currently have a short link that I want a Foundation tooltip for, and the tooltip has to be beneath the link (tip-bottom). Normally, the Foundation tooltip has the pip on the left (and the tooltip expands to the right), but this won't work for me because my link is...

calculate the difference between 2 series in tooltip for highstock

javascript,highcharts,tooltip,highstock,formatter
I need some help to find a solution to display the difference between the series in the tooltip. Here <- is a simple screenshot with my problem: how can i solve this for Hamburg to Matif and Niederrhein to Matif? Here is my javascript code: $(document).ready(function() { ////////////////////////////////////////////////////////////////// // ------...

Show tooltip on load with google charts

javascript,google-visualization,tooltip
I'm trying to use the tooltip.trigger = 'selection' and setSelection([{row:4,column:null}]), but the tooltip doesn't show up automatically. Only when you click on another tooltip. Here's a jsfiddle showing the problem. Any ideas what I can try? Thanks!...

Add a Tooltip - Javascript without jquery

javascript,tooltip
I would like to add a tooltip that combines javascript values without using jquery This is my div : <div tooltip="Should be forceBase + modifyForce" tooltip-persistent class="StatFormat" id = "Force"></div> CSS : [tooltip]:before { /* needed - do not touch */ content: attr(tooltip); position: absolute; opacity: 0; /* customizable */...

How to add a tooltip to a dxButton (DevExtreme)?

user-interface,knockout.js,devexpress,tooltip,devextreme
I would need something like this (knockout): <div class="button" data-bind="dxButton: { text: 'Save', tooltip: 'Click here to save!' }"></div> I need a dxTooltip to show up with the given tooltip text. I wouldn't like to follow this complicated way: Creating a ko.observable for each tooltip...

How can I prevent the focus on the toggle button for a Bootstrap modal after the modal closes?

twitter-bootstrap,modal-dialog,tooltip
I have a button that toggles a Bootstrap modal. The button itself is wrapped in a div so a tooltip shows up on hover. When I close the modal, the button gets focused and the tooltip shows without hovering the element. <span data-toggle="tooltip" data-placement="top" data-title="Tooltip"> <button data-toggle="modal" data-target="#modal">Toggle</button> </span> <div...

I want to place the jQuery Tooltip in the upper right corner of the visible window

jquery,jquery-ui,tooltip,jquery-tooltip
Is there a way to do this with the jQuery tooltip? If not, what is the best way to do this? I will have up to 400 items on one page that will need a tooltip with an image and text. The tip must support HTML and not be text...

How can I ignore parent widget's tooltip in child widget in Qt?

c++,qt,tooltip,qwidget
I have a QWidget that a tooltip has been set on using setTooltip and within that widget, I have a child widget. The problem is that the child widget doesn't have a tooltip specified (i.e. "") but the tooltip of the parent widget is shown. If I do specify a...

dispatch mouse out event when the mouse not out

actionscript-3,events,tooltip,mouseevent,mouseover
I created a tooltip class. When the mouse over on MovieClip it enable and when it out it disable. The movieclip containt some other movieclips. My code is that: to.addEventListener(MouseEvent.MOUSE_OVER, showTip); to.addEventListener(MouseEvent.MOUSE_OUT, hideTip); to.addEventListener(MouseEvent.MOUSE_MOVE, MoveTip); and the functions is that: private function showTip(evt: MouseEvent) { if (tip != null &&...

Toogle Caps Lock On Tooltip on JTextFiled

java,swing,tooltip,jtextfield
I want to warn a user when caps lock is on the way it is done on Windows when login. I have a JTextField where this should be shown. I have searched forums and found out that the check if the key is on or off we use Toolkit.getDefaultToolkit().getLockingKeyState(KeyEvent.VK_CAPS_LOCK). However,...

Put linebreak/newline in tooltip

jsf,tooltip,newline
I'd like to put a linebreak in a tooltip so that it displays like: Nom: value1 Quality: value2 I tried: 1. <h:outputText title="Nom: #{cntc.value1}&lt;br/&gt;Quality: #{cntc.value1}" /> 2. <h:outputText title="Nom: #{ (''.concat(cntc.value1).concat('&lt;br/&gt;')concat('Quality: ').concat(cntc.value2)}" /> None of them worked for me. It seems that the <br/> isn't being interpreted. How can I...

NVD3 LineChart - Show tooltips only for a line

d3.js,tooltip,nvd3.js
I developed a simple line chart with some css customizations. Is there a way to show the tooltips only for a line in the chart ? I'm really frustrated about researching of documentation (NVD3 library). <script> d3.json("chart3.json", function(error, data) { nv.addGraph(function() { var chart = nv.models.lineChart() .x(function(d) { return d.x;...

How to display huge amount of data a tooltip

html,tooltip
I am displaying 400 account names in the tooltip of a span element. <input type="button" value="AccountList" id="accountlist" title="[400 names here]" /> But it is displaying only a part of it, it is not displaying all 400 account names. How is this caused and how can I solve it?...

jqGrid - onClickButton replace cell values with tooltip value and vice versa

javascript,jquery,jqgrid,tooltip
I've got a custom button set up for which I'd like the click event to substitute the value of the cell value with the value of that particular cell's tooltip value. Clicking the button again reverses the change to normal. Is this at all possible? Grid looks like... $("#grid").jqGrid({ url:...

tooltip not functioning when routed to a new url path

php,jquery,codeigniter,tooltip
So I pretty much can't explain it in the title so don't downvote it because of that. Anyway.. I have template php files for dates and sharing. 1 file is like this: date-share.php <div class="date"><?php echo date('M d'); ?><span><?php echo date('Y'); ?></span></div> <a href="javascript:void(0);" class="share-button"><span class="plus"></span>Share</a> <!-- Tooltip --> <div...

Add a line break to an erb tooltip?

html,ruby-on-rails,tooltip,erb
I have an erb object with a tooltip: <%= link_to "hover-me", "#", title:"line1<br>line2"%> but the tooltip just displays like this: line1<br>line1 How can I add a linebreak to an erb-generated tooltip?...

PrimeFaces Piechart: Tooltips are not displaying in my local environment

primefaces,charts,tooltip,pie-chart
I have recreated the example page shown in the primefaces showcase at: http://www.primefaces.org/showcase/ui/chart/pie.xhtml The pie chart successfully display and I am able to tweak the pie chart model for available setters and getters, but hovering over a piece of the pie does not display any tooltip at all. This is...

How can I determine whether the tooltip upward or downwards when using qtip2?

jquery,css,position,tooltip,qtip2
I want to change tooltip position when tooltip opened to upward. qtip2 init; jQuery('.tip').each(function(){ jQuery(this).qtip({ position: { at: 'center center', my: 'top center', adjust: { y: 15, method: 'shift flip' }, viewport: $(window) }, show: { delay: 500 }, hide: { fixed: true, delay: 300, leave: false } }); });...

Triggering bootstrap tooltip by hovering over another element

twitter-bootstrap,tooltip
I am trying to trigger a bootstrap tooltip to appear on one element by hovering over another element. I was thinking that I could maybe use JQuery to addClass("hover") to the element on which I want the tooltip displayed when I hover over the element that I wanted to do...

How to change Bootstrap style before it is shown?

javascript,jquery,twitter-bootstrap,position,tooltip
I've been trying to manipulate the bootstrap tooltip's positioning without success. Attempt #1: stuff.tooltip({ container: 'body', placement: function(tip, el) { // played with tip, but it still add style: top, left at the end... } }); Attempt #2: stuff.tooltip({ container: 'body', placement: 'top' }).on("show.bs.tooltip", function() { // don't have access...

Keybinding tooltip on action disappears after changing in with method setToolTip()

java,eclipse,eclipse-plugin,tooltip,jface
I have an action defined in my java class and keybinding and binding to it in plugins.xml file. When I first start my application, I see my keybinding in tooltip (that's how it's suppose to be) but after changing tooltip with setToolTip(String toolTip), button binding disappears from the toolbar action...

Javascript Tooltip not showing up in box as defined by style

javascript,d3.js,tooltip
I am working on a D3 treemap. I have added a tool tip that should be showing up in a box (see: http://bl.ocks.org/Caged/6476579). It shows up just as text, but doesn't show up in the box. What am I missing? <HTML> <HEAD> <script type="text/javascript" src="http://d3js.org/d3.v2.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>...

Bindings in ToolTip content fail to work after ResourceDictionary reload

tooltip,resourcedictionary,wpf-binding
I want to create a ToolTip with a custom content. Because I want to preserve the default behaviour and style of the ToolTip class, I don't want to define its template, but assign a custom content to it instead. I decided to create a ToolTip class descendant with specific dependency...

WPF: Styling ContentControl

c#,wpf,tooltip
I would like to create a style that could be applied to any ContentControl which would take the ToolTip and add an image to the ContentControl and apply the tool tip text from the object to the image. I have about a hundred of these that need to be done...

Issue with Popover AngularJS

angularjs,tooltip,angular-ui,popover
I have a bunch of table rows which include inputs and buttons, namely. I would like to have a Popover display to the right of an input for a row if the value isn't matching the requirements defined. The button will also be disabled until the value of the input...

Tooltip not working

javascript,jquery,ajax,jquery-ui,tooltip
Since $(document).ready(function(){ $('.notice').tooltip(); }); doesn't work for me - probably because I am loading the element with the class .notice dynamically with Ajax - I have tried to go ahead with another way. So this is what I have so far: $(document.body).on("mouseover", ".notice", function() { $(this).tooltip(); }); This makes it...

PyQt ToolTip for QTreeView

pyqt,tooltip,qtreeview
Please axplain how to enable and show a tooltip for each item in QTreeView. I found a sample of code class TreeModel(QAbstractItemModel) but due to my beginner's level I can't understand how to apply it to my needs. Data for tooltip should be taken from value of key "note" in...

How can I remove the generic HTML/CSS tooltip? [duplicate]

html,css,hover,tooltip
This question already has an answer here: Hide title from tooltip 1 answer I found out how to add a good hover tip within CSS classes referenced in HTML here I used a combination of the "title" HTML and lharby's CSS. I have this CSS: span:hover { position:relative; cursor:pointer;...

How to tell Users that a Tooltip lies behind a Text/Textbox/Image, etc.?

windows,user-interface,text,tooltip,user-experience
In my U.I. I have a normal text headline that covers a block of checkboxes but without further information I'm scared of Users not knowing what to do with the window. So my idea was to put a tooltip in the headline to give Users information about the funktion of...

Bootstrap tooltip trigger options based on element type

jquery,twitter-bootstrap,input,focus,tooltip
I have this code: $('body').tooltip({ selector: '[data-toggle="tooltip"]', viewport: 'body', delay: { show: 300, hide: 100 }, trigger: ($(this.$element).is('input')) ? 'focus' : 'hover' }); but it doesn't work. I want to show tooltip on focus when the element is form input and on hover when is not form input element. But...

How can I add tooltip on content of table

jquery,jsp,jquery-ui,jtable,tooltip
I am very new to java script. I wanted to add tooltip to given below content. There is one way of doing it that is we can do by Adding title to every td tag. Now How can I add title to every td with same value. I am not...

wxpython tooltip at specific coordinates

wxpython,tooltip,coordinates,paint
I have seen lots of similar questions and those answers are what has gotten me this far. I have an application where all all object are created via DC, so they are all all drawn. (I have had much experience with sizers and 99% of the time sizers ROCK but...

JQuery tooltip open event not working as expected

jquery,events,tooltip,jquery-tooltip,jquery-ui-tooltip
I am trying to make my tooltips change position depending on the orientation of the .menu container. For some reason they only change position when the second open event is fired. $(".menu button").tooltip({ position: { my: "left center", at: "right+10 center" }, open: function () { if ($(".menu").hasClass("vertical")) { $(this).tooltip("option",...

Preventing div from going outside the page

jquery,css3,tooltip
My current situation: I've got a very simple css3 tooltip-menu, which is hidden by default and shown on mouseover. It has a fixed width and absolute right positioning (with an arrow in the middle pointing on the hovered element). My problem is that on the smaller windows, after hovering the...

Set tooltip on custom leafletjs control.

javascript,tooltip,leaflet
I have made several custom buttons in Leafletjs - now I would like to add a hover-over tooltip to explain what the button does. I've tried putting a "title:" and "tooltip:" in the options but still do not see the text when I hover over the control. var load =...

Tooltip for whole stack in grouped stacked Highcharts diagram

javascript,highcharts,tooltip,stacked
I used a grouped and stacked diagram of the highcharts library as you can see here: http://jsfiddle.net/152h9qrv/ Now I want to add a tooltip for each stack. When you hover a stack (not a whole group) you should receive all the entry names and data for the stack. I tried...

openTip javascript hide by closeButton AND timeout

javascript,jquery,tooltip,opentip
I am creating a tooltip for comments that should only show momentarily for a few seconds. But it never disappears no matter what options I pick. The openTip documentation is very unclear about how to make a tooltip disappear-by-seconds and lacks examples. <textarea class="textareaclass" id="body" name="body" placeholder="Comment" data-ot="Spamming is restricted....

jQuery: Attach Tooltip to Mouse Cursor Position Using Plugin Tipsy

javascript,jquery,popup,hover,tooltip
I've been using an old jQuery plugin called Tipsy. I like the way the tooltips look and for the most part I like the plugin. Unfortunately it only shows tooltips relative to the element it is retrieving the tooltip from. I'd like to show the tooltip in the position of...

MFC tooltip does not show any text

mfc,tooltip
I've got a project on vs2008 without unicode support and there is no tooltip text showing. I've tried the same code on another project with unicode support and it works alright. What am I doing wrong? BOOL CListCtrl_ToolTip::OnToolNeedText(UINT id, NMHDR* pNMHDR, LRESULT* pResult) { CPoint pt(GetMessagePos()); ScreenToClient(&pt); int nRow, nCol;...

Align tooltips to the left margin of a common paragraph

javascript,css,css3,tooltip
I have CSS3-defined tooltips of the form <a><span class="tooltip">tooltip text</span>link text</a>. When the pointer hovers over the link, a tooltips shows, placed relatively to the beginning of a respective link. I would like, though, the left border of each tooltip to be aligned with the left border of the paragraph,...

Google Maps API - Activating the infowindow of a custom marker

google-maps,tooltip,listener
I am trying to activate the infowindow for a custom marer, yielding a small description about the marker, I'm having some trouble at the moment, I have the custom marker working but I can't get the infowindow to show. I tried calling the listener for the marker and storing it...

Foundation Tooltips aren’t working; instead show default browser tooltip

jquery,html,tooltip,zurb-foundation
I am using the latest version of Foundation and am attempting to implement their Tooltips feature on my site. I have directly copied and pasted their example from their webpage on Tooltips but it doesn’t work. I’ve linked to all the files they instructed at the same webpage, and I...

How to add a tooltip for a datagrid and show the converted value of the datagrid in tooltip?

wpf,vb.net,tooltip,datagridcell
I have DataGrid and one of the DataGrid columns looks like this. <ig:TextColumn HeaderText="{Binding CARTONS, Source={StaticResource Messages}, Converter={StaticResource MessageConverter}}" Key="Collumn1" AllowToolTips="Always"> <ig:TextColumn.ToolTipContentTemplate> <DataTemplate> <TextBlock Text="{Binding Self}, Converter={StaticResource TransferCollumnToCrlfDelimitedList}}"/> </DataTemplate> </ig:TextColumn.ToolTipContentTemplate> </ig:TextColumn> The problem is I need show convert the...

How to add a link inside a tool-tip Prime faces

primefaces,hyperlink,tooltip
I tried using the example given in the Prime Faces guide but I can't find the way to actually add the link inside the tooltip, besides how can I hideDelay it? Lets start with this: <h:outputLink id="lnk" value="#"> <h:outputText value="PrimeFaces Home" /> </h:outputLink> <p:tooltip for="lnk"> <h:outputText value="Visit PrimeFaces Home" />...

How to show current position of a slider over the thumb always

wpf,slider,tooltip,thumb,alwayson
How to show a slider control with a tooltip/label under the thumb showing the value (timespan) always while it moves with/without user dragging. I tried AutoToolTipPlacement="BottomRight" AutoToolTipPrecision="3" on my slider. But Tooltip gets displayed only when i drag the thumb. I want that shown even when i invoke playing slider...

Displaying tooltips on mouse hover on shapes/position(coordinates) on canvas

html5,canvas,tooltip
I'm trying to display a corresponding tooltip when mouse hovers on certain places on canvas. For example, when the mouse position on the canvas is at the coordinate (100,100), display tooltip1. When mouse position's at (200,200), display tooltip2, etc., I've already added event listeners to detect mouse movement and get...

Show ToolTip on DataGridView when cell value has changed

c#,datagridview,tooltip
I want to show a ToolTip when the value of a cell in a DataGridView control is changed and the introduced value is invalid. This can easily be done with the code below, but the problem is that after the ToolTip is shown, it is also associated with the control,...

Change tooltip direction when it's out of view

jquery,html,tooltip,bootstrap
I'm trying to change my website's tooltip direction when it's out of the page's viewport, but all I was able to do is to wrap the lines so it doesn't get out of the viewport. JSFiddle: http://jsfiddle.net/x3cjpL14/3/ ADD: I'm using Bootstrap 3 by the way.....

Extending Swing's ToolTipManager to change behaviour on hover?

java,swing,user-interface,tooltip,custom-component
I'd like to implement a ToolTip in Swing that has customised behaviour: the longer the user hovers over the component, the more detail should be shown in the tooltip (i.e., a few new lines are added after a few seconds of the user hovering over the component). I just need...

Java SWT: show paintings in tooltip

java,image,swt,tooltip
I want to set tooltip for StyledText in Java SWT. The idea is to show information for the text where the mouse clicks. Up to now I can only show text in the tooltip, but I want the whole tooltip to be an image, which is painted using drawing methods...

Get attribute from tooltip

javascript,jquery,tooltip,tooltipster
I'm using tooltipster to generate tooltips, but I want to set the tooltip based on a data attribute from the element it's attached to. How do I get the associated data so I can set the image url as shown below. This is what I've been trying: $(".test").tooltipster({ var datainfo...

Expander.Header ToolTip active even with Expander.IsEnabled=false

wpf,tooltip,expander
If the Expander.IsEnabled=false then the tooltip on the header is not active. Is there a way to have a ToolTip even if Expander.IsEnabled=false? <Expander.Header> <TextBlock Text="Export" ToolTip="ToolTip - I don't show up if Expander.IsEnabled=false" Style="{StaticResource TabItemHeaderSemiBold11}"/> </Expander.Header> ...

C# Multiple Lines in Tool Tip

c#,string,list,tooltip
I am doing this (value is a list of strings): protected override bool _setValue(object value) { ToolTip toolTip = new ToolTip(); toolTip.Content = string.Join("\r\n", value); return true; } When I hover over the item that has the tool tip, it displays "System.Generic.List'1[System.String]" So apparently the string.Join() is returning a list...

Winforms ToolTip get and change all assigned tooltips

c#,winforms,tooltip
I'm cycling over my WinForms controls and give their Text and ToolTipText to my Translation service for translation. Example: foreach (ToolStripItem item in toolStrip.Items) { if (item is ToolStripMenuItem) { item.ToolTipText = Translate(item.ToolTipText); item.Text = Translate(item.Text); } } However, I cannot access tooltips set by using the WinForms ToolTip control....

JavaFX Tooltip - border color bug

java,css,javafx,tooltip,border
I have a problem with Tooltips in JavaFX. For illustration the core of this problem I created new JavaFX project through IntelliJ Idea. Root pane of that project is HBox with alignment="CENTER" and that HBox contains four buttons (text: Button A-D). Every button has set Tooltip with text: Sample tooltip...

Rectangle's width increasing more than it should while trying to resize the rectangle

c#,tooltip,monogame
I don't think the title is on the spot. But please check the pictures below for a better demonstration. I have a rectangle which fits text in it. What I'm trying to do is that, if the rectangle's height is bigger than the screen, then the rectangle should resize. Resizing...

How to get id of hovered element in tooltip widget

javascript,jquery,tooltip
How can I get hovered element id in tooltip widget? I'm trying to post id to php file and get tooltip content associated with posted id $(document).tooltip({ items:'.tooltip', content: "wait, please...", open: function(event, ui) { var _elem = ui.tooltip; $.ajax({ url: '/tooltip.php', data: { lang: '<?php echo $lang['language'];?>', id:**HOVERED ELEMENT...

jBox.js tooltip show on textbox focused and hide on unfucused

javascript,jquery,html,tooltip,onfocus
When I clicked in text box jbox.js tooltip is showing, I want when text box is focused tooltip show and when unfocused tooltip hide. Script: <script type="text/javascript"> $(document).ready(function() { $('.tooltip').jBox('Tooltip', { trigger: 'click', position: { x: 'right', y: 'center' }, outside: 'x' }); }); </script> html tag: <input type="text" class="tooltip"...

Bootstrap tooltip on AJAX content

ajax,tooltip,bootstrap
I have a problem regarding the bootstrap tooltip on ajax loaded content. I know there are other answers but it doesn't seem to work for me and i tried alot of methods. First i am initializing the bootstrap tooltip using this code: $(document).on('ready', this, function(e){ $("[rel='tooltip']").tooltip(); }); Which works great...

ToolTip use to show the index of an item from a collection. C# WPF MVVM

c#,wpf,xaml,mvvm,tooltip
I'm plotting a histogram of a grayscale image using an array of 256 values. Im doing so by creating my own chart with 256 vertical rectangles (columns). My aim is that when I mouse over one rectangle I get its index value, its index from the array it lies in,...

Issues creating a D3 tooltip for line graph

d3.js,tooltip,linegraph
I am trying to recreate the tooltip from this site (http://www.d3noob.org/2014/07/my-favourite-tooltip-method-for-line.html) for my dual axis line graph. However I keep running into an error where the circle only appears at the top right point of the graph and I get the error TypeError: d1 is undefined on line 137 I...

Set Tooltip for column header of treetableview in Javafx

javafx,tooltip,columnheader
I have dynamic TreeTable. how can i set tooltip for column header, which shows the header text. The code bellow shows tooltip for specific cells, but i do not know where to set it for header text. for (Entry<String, String> ent : dc.getSortedAssignedOrg().entrySet()) { TreeTableColumn<String, ArrayList<String>> col = new TreeTableColumn<>(...

jQuery tooltip random appear

jquery,random,tooltip,delay,show
I am developing this "logo colors". I need the tooltip to appear in a DIV where id is #show after I click (this is OK). But after hover the buttons the tooltip is appearing anywhere it wants. Visit my problem here: http://web-stranky.org/pro_dementa/ $(document).ready(function () { $( document ).tooltip( { content:...

R shiny ggvis tooltip will not update information with new data, even though plot updates

r,tooltip,shiny,ggvis
So I have a ggvis plot within a shiny application, which is a histogram that that displays the count of observations in a bin when the user hovers over the bin. The data is randomly generated and the user can hit a button to sample a new batch of data....

Google Linechart - No Pointsize, Tooltips?

data,tooltip,visualization,linechart
I'm using a Linechart from Google, in which I have drawn a graph from JSON data. There are two problems I'm running into I can't seem to fix. Even though I have 'pointSize: 6' in my options, I still can't seem to draw any kind of point, anywhere on the...

tool tip content change getting applied to all elements

wpf,tooltip,gridsplitter
I am creating an application in which I am creating grid splitters dynamically and applying style in the code. The style also sets the tooltip for these gridsplitters. I am using tool tip to display the width of controls and dynamically updating them when resized. When i am changing content...

D3 Arc Diagram: Tooltip on Circle Mouseover Not Displaying

javascript,svg,d3.js,tooltip,arc-diagram
I'm stuck on a problem and just looking for another pair of eyes to maybe spot what I'm missing. I have an arc diagram I'm building and would like a tooltip event when I mouse over the circles/nodes. You can see the sample bl.ock here. I thought for this to...

Disabling tooltips globally

osx,cocoa,tooltip,nsapplication
Ok, I have used interface builder and added tooltips to all controls. I would like to offer the user a menu item "disable tooltips". How do I disable all tooltips globally on a cocoa application?...