Changing k-callout arrow and margin of validation messages?

2 posts, 0 answers
  1. Erik
    Erik avatar
    6 posts
    Member since:
    Aug 2012

    Posted 06 Aug 2012 Link to this post


    Is there an easy way to change the direction of the k-callout-n arrow on the validation message, or to remove it entirely?

    Any help would be greatly appreciated!
  2. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 09 Aug 2012 Link to this post

    Hello Erik,

    You can change the direction of the k-callout arrow by modifying the element classes with jQuery. The direction is determined by one of the following classes:
    k-callout-n //up
    k-callout-w //left
    k-callout-s //down
    k-callout-e //right

    If you remove the direction class entirely the arrow will not be visible.
    <div class="k-callout k-callout-s"></div>
    <!-- no arrow -->
    <div class="k-callout"></div>

    I hope this will help.

    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top