Question

I need to align text to right in a TextBox which is in a GridView TemplateField

This is TemplateField HTML:

<asp:TemplateField HeaderText="Description">
    <ItemTemplate>
    <div style="text-align: right;">
        <asp:TextBox ID="txtDeductAmount" runat="server" Text="" BorderWidth="1px"></asp:TextBox>
    </div>
    </ItemTemplate>
<ItemStyle Width="80px" HorizontalAlign="Right" />
</asp:TemplateField>

This still aligned to left side. How to force text to align to right?

NOTE : <ItemStyle Width="80px" HorizontalAlign="Right" /> aligns bound field text to right side properly.

Answer 1

This parameters do not change the input text box, but the table tags aligns.

To change how the input align the text add a class to it like.

.AlgRgh
{
  text-align:right;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

and use CssClass="AlgRgh" on control

<asp:TextBox ID="txtDeductAmount" runat="server" Text="" BorderWidth="1px" CssClass="AlgRgh" />