Need Overflow-x as hidden and overflow-y as visible in kendo grid td

2 posts, 0 answers
  1. Rahul
    Rahul avatar
    2 posts
    Member since:
    Apr 2016

    Posted 15 Apr 2016 Link to this post

    I need to show validation message completely and ellipses on text in non-editable mode. I have below code of css.

    td {
            white-space: nowrap;
            overflow-x: hidden !important;
            overflow-y:visible !important;
            cursor: default;
            padding: 2px 10px !important;
            line-height: 16px;
            height: 30px;
            position: relative;
            margin: -0.5em -0.6em -0.4em -0.6em;
            vertical-align: middle;

    Please see the attachment and let me know how can we resolve this.
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 18 Apr 2016 Link to this post

    Hi Rahul,

    The validation message is hidden because of the relative position which you have set to the cell. Hence removing it should help to show the message completely (dojo). 

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