Set margin for rotated Text in GridView using CSS in ASP.Net

Last Reply 25 days ago By dharmendr

Posted 26 days ago


how to set margin for rotated text

I write below codes for rotating text:

<asp:TemplateField ItemStyle-Width="27px">
        <asp:Label ID="Label51" runat="server"  CssClass="rotate1">UserId:</asp:Label>

.rotate1 {
    display: block;
    position: absolute;
    filter: none; 
    margin: 38px 0px 40px 0px;  
    -webkit-transform: matrix(0.000,1,-1,0.000,0,0);
    -moz-transform: matrix(0.000,1,-1,0.000,0px,0px);
    -ms-transform: matrix(0.000,1,-1,0.000,0,0);
    -o-transform: matrix(0.000,1,-1,0.000,0,0);
    transform: matrix(0.000,1,-1,0.000,0,0); 

I want to put this label (I showed with the red arrow in the image) into gridview cell  that I showed in the below image with green arrow

here I set margin left for it but it didn't worked

Best Regards


You are viewing reply posted by: dharmendr 25 days ago.
Posted 25 days ago
nedash says:
margin: 38px 0px 0px 0px

Set the rotate1 class margin with below.

margin: 38px -10px 0px 0px;