locked
Line with Text Boxes & Labels RRS feed

  • Question

  • User-797751191 posted

    Hi

      I have below line . User has to input Document No & Date & Amount in places of dots. How this line can be created in Aspx page.

                 Document No ............  Dated ............    Amount ............. has been received from Customer.

    Thanks

    Monday, June 17, 2019 4:29 PM

All replies

  • User665608656 posted

    Hi jsshivalik,

    According to your requirments,I suggest you could use textbox control to achieve this goal.

    You could change the css style of the textbox control.

    First,set the border of the textbox control to none. Then set the border-bottom to 1px and dotted.

    If you also want to disable the textbox focus style,you could set the outline to none when focus it.

    For more details,you could refer to the following code:

    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .textDot{
                border:none;
                border-bottom:1px dotted; 
            }
            .textDot:focus{
                outline:none;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                Document No
                <asp:TextBox ID="TextBox1" runat="server" CssClass="textDot"></asp:TextBox>
                Dated
                <asp:TextBox ID="TextBox2" runat="server" CssClass="textDot"></asp:TextBox>
                Amount
                <asp:TextBox ID="TextBox3" runat="server" CssClass="textDot"></asp:TextBox>
            </div>
        </form>
    </body>
    </html>

    The result of my work demo:

    Best Regards,

    YongQing.

    Tuesday, June 18, 2019 2:13 AM