Input Group

[DoomerDGR8]

How can I have two or more TextBoxes in same line?

<div class="form-group row">
    @Html.LabelFor(m => m.MobileNumber, new { @class = "col-sm-2 col-form-label" })
    <div class="col-sm-4">
        @Html.TextBox("MobileNumberPrefix", "+9715", new { @class = "k-textbox", style = "width: 28%;", @readonly = "readonly" })
        @Html.TextBoxFor(m => m.MobileNumber, new { maxlength = "8", @class = "k-textbox", style = "width: 100%;", placeholder = "9715XXXXXXXX" })
    </div>
    @Html.LabelFor(m => m.UserEmail, new { @class = "col-sm-2 col-form-label" })
    <div class="col-sm-4">
        @Html.TextBoxFor(m => m.UserEmail, new { maxlength = "150", @class = "k-textbox", style = "width: 100%;", placeholder = "Email Address" })
    </div>
</div>

 

I want to show MobileNumberPrefix and MobileNumber together in the col-sm-4

[Anton Mironov]

Hi, Hassan,

Thank you for the provided code snippet. In general, the two TextBoxes are in one line when they are positioned in the same div element as in the example.

Find attached a sample project along with an image that describes the behavior at my side.

Let me know if this is the desired result or there are other requirements as well. 

Kind Regards,
Anton Mironov
Progress Telerik