Issue with k-dirty and right text alignment

[Brian Roth]

We have a number of cases where we have right-aligned numeric values inside of our grids using the CSS text-align property. However, the k-dirty span is no longer aligned at the top left corner of the table cell. Since the table cells are styled using the HtmlAttributes property for the column, there does not seem to be an easy way to style the cell content without also affecting the k-dirty element. We have come up with a work-around by overriding the k-dirty class as follows:

.k-dirty {

    display:block;

    margin: -0.4em 0 0 -0.6em;

    position:relative;

}

Has anyone come up with a better solution to this problem?

I have attached a small screenshot to illustrate the issue.

Thanks in advance!
Brian Roth

[Dimo]

Hi Brian,

By design the dirty mark is absolutely positioned without any top and left styles. These styles cannot be set for elements inside a table cell, because the dirty mark will end up being outside the cell.

So in all cases the fine positioning is made by hard-coding some margins, as you have done.

Regards,
Dimo
the Telerik team

[Oscar]

Hi Bryan,
I'm using this to align the k-dirty span at the top left corner of the cells that I have right aligned:

.k-dirty-cell {
   position: relative;
}

   .k-dirty-cell .k-dirty {
      left: 0px;
      margin-left:0px;
   }

(The position of k-dirty span is already absolute.)

Hope this helps.

Oscar.