Hello
I have a question about the tooltip function.
I've made a modification to Tooltip-Multiple Targets.
-remove width props
-Tooltip insertion for each language
https://www.telerik.com/kendo-vue-ui/components/popups/tooltip/multiple-targets/
If you hover over a long tooltip, it will appear properly, but if you check the short tooltip first and then try to see the long tooltip, the tooltip's width will be shortened.
Hopefully the width will be adjusted to auto.
<div id="vueapp" class="vue-app">
<kendo-tooltip ref="kTooltip" id="agglomerations" :filter="'span'" :position="'bottom'">
<span href="#" title="방탄소년단·태연, '서울가요대상' 앨범·음원 대상…엑소 4관왕(종합)">Korean</span><br /><br />
<span href="#" title="방탄" id="losangeles">Korean - Short</span><br /><br />
<span href="#" title="Apple Music is available in iTunes, and for iOS and Android devices.">English</span><br /><br />
<span href="#" title="BTS" id="osaka">English - Short</span><br /><br />
<span href="#" title="注文書、請求書などを装ったメールに添付された Excel ファイルに注意">Japanese</span><br /><br />
<span href="#" title="注意" id="moscow">Japanese - Short</span>
</kendo-tooltip>
</div>
By default, the grid column menu (https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/) displays a weird tootip on hover, containing the field name and a "Column Menu" text:
I'd like to either remove this tooltip or customize it (for instance, by changing it's text with the title - and not the name - of the field, plus removing the "Column Menu" text). Is there a way to to this?
The documentation contains a "GridColumnMenuItemProps" section, and I see a "title" prop that could be useful (https://www.telerik.com/kendo-vue-ui/components/grid/api/GridColumnMenuItemProps/#toc-title). But I haven't found a way to pass this prop (at least, I haven't found anything on the documentation about it).
Is this possible?
Hi,
I'm looking for the best way to display a tooltip when hovering over the value of a cell (very useful for custom commands).
I have already defined a template for the line and it works:
<
script
id
=
"rowTemplate"
type
=
"text/x-kendo-tmpl"
>
<
tr
class
=
"k-master-row"
data-uid
=
"#: uid #"
role
=
"row"
>
<
td
role
=
"gridcell"
> #: OrderID # </
td
>
<
td
role
=
"gridcell"
> #: ShipName #</
td
>
<
td
role
=
"gridcell"
> #: Freight #</
td
>
<
td
role
=
"gridcell"
> #: OrderDate #</
td
><
br
>
</
tr
>
</
script
>
What is the best way to show a TootlTip for example hover "OrderID " value ?
Thanks in advance ;-)
I'm using vuejs.
I've got a chart with a tooltip:
import { bytes } from '...fileBytesIsIn'
get tooltip () {
const sharedTemplate = `<table class="tooltip-table" width="150">
// removed header to save space
# for (var i = 0; i < points.length; i++) { #
<tr>
<td><div class="swatch #: points[i].series.class#"> </span></td>
<td class="name" nowrap>#: points[i].series.name#</td>
<td class="val">#: bytes(points[i].value) #</td>
</tr>
# } #
</table>`
return {
visible: true,
shared: true,
template: '#= value #',
sharedTemplate: sharedTemplate
}
}
#: points[i].value | bytes #
I want to know how could I customize the default tooltip shown by the column menu (https://stackblitz.com/run/?file=src/main.vue):
On this example, instead of the "ProductName Column Menu" tooltip text, I'd like to display some other user friendly text, or just have this tooltip removed. Is it possible?
Hello, Exists any way to show a tooltip in the bubble layers?
I am trying to figure out how to replace the points (open circle dots) on a line chart with just a smooth line. I have been looking through the chart API and thought the solution would be the plot area border dash type. However, this doesn't appear to do anything. I am either implementing it incorrectly or it is not the correct solution. A third possibility is that it is buggy and does not work. I am using Vue with typescript. Below is my attempted implementation:
<kendo-chart :data-source="chartData"
:series="series"
:pannable-lock="'y'"
:zoomable-mousewheel-lock="'y'"
:zoomable-selection-lock="'y'"
:category-axis="categoryAxis"
:theme="'sass'"
:category-axis-title-text="'Time'"
:value-axis-title-text="'Attribute'"
:tooltip="tooltip"
:plot-area="plotArea">
</kendo-chart>
plotArea: any = {
border: {dashType: 'solid'}
};
There is a tabstip problem in ios 13.3. (iPad)
The tabstrip scroll icon is not clicked.
Click doesn't work so it's impossible to check the contents of the next tab.
Please confirm.
https://www.telerik.com/kendo-vue-ui/components/layout/tabstrip/scrollable-tabs/
Hi !
I'm using the kendo editor in the Vue environment.
I want to create a Kendo editor Custom tool using the following template.
I would like to create a Kendo editor custom tool for file upload using the template below. The internal logic is in place and we just want to see an example of creating a custom tool with a template.
--
<input class="hide_file" type="file" @change="doUploadInput($event.target)"
@drop="doUploadInput($event.target)" multiple>
</input>
--
This is well enough in the official documentation but I would like to see a more detailed example.
thank you. have a good day
: )