customize tooltip

[Daniel]

i was looking here
http://docs.kendoui.com/api/web/tooltip
after some posibilities to customize the tootip,but i did not find.
i would like to setup the dimensions of the container where is the text,also the color,and maybe the position or even the form of that poiting arrow.i noticed that by default is a gray color,and a perfect triangle as an arrow.

How can i customize the style for the tooltip?

Regards,
Daniel

[Iliana Dyankova]

Hi Daniel,

You could customize the Tooltip's style via the configuration options. Like here:

@(Html.Kendo().Tooltip()
  //....
  //set Tooltip's width
  .Width(420)
  //set Tooltip's height
  .Height(500)
  //set Tooltip's position
  .Position(TooltipPosition.Right)
)

Actually the arrow is a right border set to the .k-callout-w element and I am afraid it is not possible to change its form. As for its background you should override the default styling. As an example: 

<style>
.k-callout-w{
    border-right-color: red;
}
</style>

Also, the following CSS should help to change the arrow's position: 

<style>
.k-callout.k-callout-w{
    top: 0 !important; //specify the arrow's position
}
</style>

I hope this information helps. 

Regards,
Iliana Nikolova
Telerik

[Daniel]

ok,thank you for the informations.