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

nedash
 
on Jan 01, 2021 01:51 AM
1364 Views

hi

how to set margin for rotated text

I write below codes for rotating text:

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


.rotate1 {
    color:white;
    font-size:12px;
    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

https://gofile.io/d/Td1mfy

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

Best Regards

Neda 

Download FREE API for Word, Excel and PDF in ASP.Net: Download
dharmendr
 
on Jan 02, 2021 05:46 AM
nedash says:
margin: 38px 0px 0px 0px

Set the rotate1 class margin with below.

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