Button & text in 1 line

Question

User-797751191 posted

Hi

  I want textbox & button i 1 line

<div class="form-group">
<label>Document No</label>
<div class="form-group">
<asp:TextBox ID="txtInvoiceNo" Style="color: green;" AutoComplete="off" class="form-control col-md-2" runat="server"></asp:TextBox>
<asp:Button ID="btnPrint" runat="server" OnClick="btnPrint_Click" class="form-control col-md-2" Enabled = "false" Text="Print" />
</div>
</div>

Thanks

Answer 1

User-719153870 posted

Hi jsshivalik,

You can display the two controls on the same line by adding a "display: inline" style to your textbox.

Please refer to below codes:

<div class="form-group" style="float:left">
            <label>Document No</label>
            <div class="form-group">
                <asp:TextBox ID="txtInvoiceNo" Style="color: green;display:inline;" AutoComplete="off" class="form-control col-md-2" runat="server"></asp:TextBox>
                <asp:Button ID="btnPrint" runat="server"  class="form-control col-md-2" Enabled="false" Text="Print" />
            </div>
        </div>

Here is result of this demo:

Best Regard,

Yang Shen

Answer 2

User-2054057000 posted

Instead of this:

<asp:TextBox ID="txtInvoiceNo" Style="color: green;" AutoComplete="off" class="form-control col-md-2" runat="server"></asp:TextBox>
<asp:Button ID="btnPrint" runat="server" OnClick="btnPrint_Click" class="form-control col-md-2" Enabled = "false" Text="Print" />

Put this:

<div style="float: left; width: 49%">    
    <asp:TextBox ID="txtInvoiceNo" Style="color: green;" AutoComplete="off" class="form-control col-md-2" runat="server"></asp:TextBox>
</div>

<div style="float: left; width: 49%">
    <asp:Button ID="btnPrint" runat="server" OnClick="btnPrint_Click" class="form-control col-md-2" Enabled = "false" Text="Print" />
</div>