Questions tagged [tooltip]

1

votes
0

answer
90

Views

How to rtl a tooltip box

I am building an RTL version of a template but I can't rtl this tooltip. I can't see that's code anywhere. (click to enlarge) [2] (click to enlarge)
tohid
1

votes
0

answer
28

Views

How do I find out where this CSS-value comes from?

I am trying to use bootstrap tooltip for something it probably wasn't designed for, namely the possibility of showing a quite large text. I have managed to tweek it to my needs, with one exception. The width of the text box shown is way too narrow, unless i set it to a fixed width, but then it looks...
KjetilNordin
1

votes
1

answer
178

Views

Tooltip with own event listeners

Sorry if this is partially duplicate, couldn't find any satisfactory answer. I have a d3 graph that consists of a line with points. My points have events that make a tooltip appear/disappear, see below: var div = d3.select('body') .append('div') .attr('class', 'tooltip') .style('opacity', 0); var po...
ddsLeonardo
1

votes
1

answer
49

Views

<br/> doesn't work to add second line in Tooltip

Currently I'm working on a collapsible tree using D3.js. I successfully added a Tooltip so once I hover over an image information to said image will be added. The trouble is that unfortunately cannot use to add in a second line between both data points. Using quotation marks will simply print out t...
1

votes
0

answer
17

Views

tooltip-enable : How can I make sure that tooltip always open on mousehover?

I kind of have a situation in which i wanna show a tooltip if the condition met , it does but i want on mouseenter. But when i write tooltip-trigger with mouseenterit does not work. Here is my condition i want this to become true only on the condition and on mouseenter.
Usman Iqbal
0

votes
0

answer
6

Views

write tool-tip that can be invoked for ay html element. should consist of 3 elements title, content, Okay button

I really need help. I am unable to find any examples to this particular problem. I have spent many hours and really want to give up. We have never covered this in the program I am in and I really do want to learn even how to begin. I spent 5 plus hours working on this and came up with a solution th...
Courtney Tech
1

votes
1

answer
88

Views

tooltipFormat doesn't work for anychart.line()

I found an interesting bug I guess... If I create a lineChart and want to change the Tooltip Title with a format, it does not work. chart = anychart.line(); var seriesData_1 = dataSet.mapAs({x: [0], value: [1]}); series_1 = chart.line(seriesData_1); chart.tooltip().titleFormat('{%x}'); //works chart...
blickfangQ2
1

votes
0

answer
252

Views

Tooltip Bootstrap 4 wont show default style

I added a tooltip to a text using data-toggle. The tooltip shows but without any style applied to it. I'm using a JS library called popper.js. I'm new to JS so i just copy-paste the code and library following an example, it works in my first link with tooltip (mail) but the second link ( word javasc...
Liliana Orozco
1

votes
1

answer
96

Views

HIGHCHART Activity guage tooltip issue

I am using highchart activity guage. but its tooltip doesn't show on hover location.It always is shown in centre. I want to show tooltip on hover series. Here is js fiddle hover on any series. // Uncomment to style it like Apple Watch /* if (!Highcharts.theme) { Highcharts.setOptions({ chart: {...
Irfan Ali
1

votes
0

answer
119

Views

How to add line tooltip in pyqtgraph

I have a line chart, and I would like to add a mouse-over tool-tip on each line. But I didn't find this API. How can I implement it?
Knightly
1

votes
0

answer
46

Views

Windy Add tooltip below marker

I have a marker on my Windy map (https://www.windy.com) and trying to put a tooltip or text below the marker that will be always visible (irrespective if click or not on the marker). Below is my JS: // MARKER of Convoy on the Map const icon = L.icon({ iconUrl: 'http://imap.klickitatcounty.org/img/ma...
Skipper758
1

votes
0

answer
472

Views

Edit tooltip to make it touch-mobile and responsive with just CSS?

I managed how to create a css3 tooltip that works pretty well but can't work on touch devices (mobile) and which is not responsive at all... This is the link : https://jsfiddle.net/zo13quf3/1/ HTML .tool { cursor : help; position : relative; } .tool::before, .tool::after { position : absolute; left...
Playzare
1

votes
1

answer
47

Views

Tooltip overlay problems when transform: matrix is used

I am trying to integrate a tooltip into a generated HTML code. My problem is that the tooltip will not cover lower elements defined in the HTML if transform: matrix is applied to them and I have to create a tooltip for the a word and display an image (in this example Benzene) A basic example of my i...
bcatalin
1

votes
0

answer
322

Views

Removing animation from Angular Material Tooltip (Angular 4)

I am using Angular 4 and have implemented the Angular Material tooltip within my app as shown below (it all is working fine) However once I hover over the tooltip #nav div the tooltip animates and I cannot see any property in the official docs to disable this - what is the best way to disable this a...
Zabs
1

votes
1

answer
211

Views

multiple charts js in page but with same tooltips (about last chart)

I have more doughnut charts in one page, every chart have different data but I show the same tooltips. It's tooltips of the last chart. I don't found the problem. This is js code: var idList = []; // -------------------- // Memo ID list... // -------------------- jQuery('.idKQI').each(function (i) {...
Giorgio A.
1

votes
1

answer
135

Views

HTML5 charts-Customizing tooltip formatting in Jasper Studio

I am using HTML5 bar charts for one of the report. I have a question on tooltip formatting option we have for charts. I need to display amount values for each of the series (coutry in my case) in the graph and the amount should be formatted based on each currency. So, the decimal format will change...
Venkata Thulasi B
1

votes
1

answer
25

Views

To show meanings of words on hovering which is to be used as a post editing tool in MT system

I am building post editing tool for a Machine Translation System. I need to add a functionality wherein if a user hovers over the source text words it gets the meaning of that particular word or phrase in the target language in a tooltip on the JSP web page, for which I have to maintain a hash map f...
SAR
1

votes
1

answer
184

Views

How to make CSS tooltip stay up strictly while over original item, not also over newly generated tooltip?

I only want the tooltip text to remain while the user is STRICTLY hovering over the original element, but it by default also stays while no longer hovering over the original element if the user is hovering over the tooltip text body generated by the hover. So how can (if possible) I make the toolti...
jupiterjelly
1

votes
1

answer
69

Views

Android tooltip up word

in my android application tooltip is there ,created by using vector path but it is downward direction I want opposite direction ie upward which portion I need to change in my code please help me. this is my code [![< ?xml version='1.0' encoding='utf-8'?> < vector xmlns:android='http://schemas.andr...
1

votes
0

answer
87

Views

Plotly and stat_summary produce “NA” in tooltip

I'd like to use stat_summary to show mean values of my data on a ggplot2 graph, and use plotly to show the data and mean values in the tooltip. I'm using the dev version of ggplot2 (ggplot2_2.2.1.9000) and I just reinstalled plotly (plotly_4.7.1). stat_smooth works - you can see I'm hovering over th...
Nova
1

votes
0

answer
3.7k

Views

Angular 5 - add tooltip to string, possibly with Angular Material 2 mat-tooltip

I would like to dynamically add tooltips to some text. Ideally I would like to do so with the built-in tooltips shipped with Angular Material 2, but also a custom solution will do. As an example, in the sentence the dog is barking, I would like to add to the word dog a tooltip displaying german shep...
don
1

votes
1

answer
105

Views

New line in ToolTip for ASP.NET from SQL Server

I have some ToolTips for ASP.NET controls stored in my SQL Server database. As they are quite long, I'm using a new line character (\n), it works fine in MS Edge (and I think it worked fine in IE), but it doesn't work in Google Chrome and some other browsers (Opera, etc.) - it doesn't break line and...
Mik Zvyagintsev
1

votes
0

answer
102

Views

Firefox Tooltip inconsistency (when large text is given)

According to the answer provided here, this is a Firefox bug that has been resolved resolved: https://bugzilla.mozilla.org/show_bug.cgi?id=45375 https://bugzilla.mozilla.org/show_bug.cgi?id=218223 This is a test of a tooltip that could potentially go off of the edge of the screen. What it should do...
Shiva Sai
1

votes
0

answer
24

Views

Fluid tooltip w/ absolute positioning

I am having difficulties with an absolute-positioned, right-side tooltip getting cropped while open and the tooltip is near the right-side of the viewport. If the viewport is small, the tooltip will extend past the viewport. I am looking for the tooltip to extend to the edge of the screen (fluid). I...
CoJanks
1

votes
0

answer
279

Views

define chart.js tooltip width

I added as a callback custom string to afterLabel in chart.js tooltip. tooltips: { callbacks: { afterLabel: function (tooltipItems, data) { return 'my nice string' } } }, I am using default tooltip and if possible would like to continue so. Problem is that 'afterLabel' comes at a new line and I have...
Mik_A
1

votes
1

answer
588

Views

Dynamically adjusting Kendo UI tooltip position?

I surprisingly have not found anything on this issue while googling around for it. My use case seems fairly straight forward, the kendo ui tooltip overflows the window if it should go out of the window. So, I want to keep the tooltips to the right or left of my elements. I have the tooltip set up li...
Tyler Dahle
1

votes
1

answer
263

Views

bootstrap tooltip being cut off

I'm trying to add bootstrap tooltips to some icons on a list, but the tooltip is partially hidden by the row height: What style do I need to add to my code below to have the tooltip hover on top? {{item.short_description}} Last Updated: {{item.last_updated}}
Dave
1

votes
1

answer
284

Views

Show top 3 ranked values in a column tooltip

I want to make a tooltip that, when an item in a chart is hovered over, shows the top 3 names in a column that's ranked by the number of times they appear. I found two pieces of code that each do half of the trick but have tried and failed to combine them. Code to find the most commonly occurring va...
Nick
1

votes
0

answer
73

Views

How to set html string on title attribute of any html element in angular 4?

I want to have formatted htmlString on any HTML element's title as a tooltip: Data contains html string Help? But in this way it's not rendering formatted text instead same HTML string is displaying when hovering on help. Any other way around on the same?
Deepak
1

votes
1

answer
122

Views

Cannot implement fullcalendar tooltip

I am trying to add tooltip to fullcalendar. I use angular 2 module (ap-angular2-fullcalendar). The tooltip needs to be created programmatically so the tooltip content match the event content (example: description). I tried to use qtip and material MatToolTip libraries but without success (I managed...
Adam007
1

votes
1

answer
136

Views

d3 tooltip not showing on top of leaflet map

I'm using d3 circles on a leaflet map. I want to add tooltips on the circles, the tooltips are created as you can see on the image but they seem to be underneath the map, I want to bring them on top. I need those tootlips to display information about the dataset used to create the circles so I can't...
1

votes
2

answer
158

Views

How to display a hover in the box element inside fluidRow in shiny app

I have a code which has multiple fluidRows and every fluidrow comprises of multiple collapsible box elements which are default collapsed, my concern is to display a hover when the box is collapsed on the shiny app, depicting 'you can open the box to see the data and also a small brief about the data...
FalwariyaP
1

votes
1

answer
230

Views

Vaadin Charts Tooltip dynamic formatter

Does Vaadin Charts provide a way for formatting the tooltip on the fly. I would like to bind some logic to the value presentation on the tooltip. In place of SOME_STRING, I need reverseNormalization func to alter the values. Map coefficients = new HashMap(); Chart chart = new Chart(ChartType.LINE);...
ardarda
1

votes
0

answer
44

Views

ReactTooltip is only updated when leaving tab

I am using React with MapGL and a DeckGLOverlay. I want to show tooltips on the DeckGLOverlay: setTooltip(features) { document.getElementById('body').dataset.tip = features.object.centroid } render() { const {viewport, data} = this.state; return ( ); } The tooltips are shown, but the content is onl...
Simon H
1

votes
0

answer
60

Views

Balloon box with optionmenu in tkinter (python)

I am creating a GUI that contains a drop-down box (called an optionmenu in tkinter). I have it populated with entries. This is what I want to do but can't figure out the proper commands. If a user hovers their mouse over a specific entry in the option menu, I want a hoverbox/balloon box/tooltip (wh...
thatguy14
1

votes
0

answer
51

Views

DevExtreme Scheduler Tooltip Resize on click

I currently working with the DevExtreme Scheduler Widget and want to resize the Appointment Tooltip after a user clicks on a div inside the tooltip. At the moment i have the following code: + .... The content is displayed, but the height and width of the tooltip are not updated. Can somebody help...
DomeTune
1

votes
0

answer
107

Views

Add tooltips for custom commands to List Items’ context menu

we are using SharePoint Framework Extensions: Command Set to add custom commands to contextual menu and toolbar. There are no issue to add commands whereas we faced an issue how to add tooltips to custom commands. 1. our .manifest.json file content looks like that: { '$schema': 'https://dev.office.c...
Olha
1

votes
1

answer
298

Views

nouislider angular 2 format tooltips

I want to convert the tooltip values from seconds to a date. But there's a catch, there's an initial date (startTime), and I want to add the tooltip values (seconds) to this date, and show it in the tooltip. That is, if my initial time is 05:00:00 and I move the left handle 5 seconds, it should show...
sie
1

votes
1

answer
87

Views

bootstrap tooltip causing screen resizing when triggered on hover

Im trying to implement a tooltip on an element on my webpage, data-toggle='tooltip' data-html='true' title='This is my tooltip text' the problem is when i hover over the element, the tooltip first flashes on the bottom of the page, this causes it to resize the page and all my elements to jump and i...
KnllBst
1

votes
2

answer
163

Views

jQuery Bootstrap Tooltip setting margin doesn't work

I show tooltips on mouseover divs - see Fiddle: https://jsfiddle.net/0egk47n9/34/ But I can't set margins for the tooltips. None of the following seems to have any effect on the tooltip position: .pin .tooltip.left { margin-left: -50px !important; left: -50px !important; } .pin .tooltip.right { marg...
linuxoid

View additional questions