Hey
I'm having problems hiding the tooltip in web grid when thet value of the cell is null/empty string.
I used templates to add the content.
I'm using asp.net mvc razor.
here is the example code :
chtml file:
@(Html.Kendo().Tooltip()
.For("#FlatReportGrid")
.Position(TooltipPosition.Center)
.Filter("td")
.ContentTemplateId("gridtooltipTemplate")
//.Events(events => events.Show("TooltipOnShow"))
)
<script type="text/x-kendo-template" id="gridtooltipTemplate">
<div id="ErrorReportGridTooltip" class="TooltipStyle">
#=target.text()#
</div>
</script>
Css file:
<style>
.TooltipStyle {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
white-space:pre-wrap;
overflow:visible;
max-width: 250px;
}
</style>
I'm finding it hard to remove the tooltip whne getting empty valuse.
I tried to set a differnt css class for my tooltip ErrorReportGridTooltip div but the frame(border and background) do not disappear.
Any ideas will be much appriciated
I'm having problems hiding the tooltip in web grid when thet value of the cell is null/empty string.
I used templates to add the content.
I'm using asp.net mvc razor.
here is the example code :
chtml file:
@(Html.Kendo().Tooltip()
.For("#FlatReportGrid")
.Position(TooltipPosition.Center)
.Filter("td")
.ContentTemplateId("gridtooltipTemplate")
//.Events(events => events.Show("TooltipOnShow"))
)
<script type="text/x-kendo-template" id="gridtooltipTemplate">
<div id="ErrorReportGridTooltip" class="TooltipStyle">
#=target.text()#
</div>
</script>
Css file:
<style>
.TooltipStyle {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
white-space:pre-wrap;
overflow:visible;
max-width: 250px;
}
</style>
I'm finding it hard to remove the tooltip whne getting empty valuse.
I tried to set a differnt css class for my tooltip ErrorReportGridTooltip div but the frame(border and background) do not disappear.
Any ideas will be much appriciated