Mar 30, 2016, 10:07 AM
aligning ext.net buttons in single row
I have replaced the asp buttons with ext.net buttons. After replacing, the ext.net buttons comes on different rows.
My initial code ::
But when I replaced them with ext:Button, they appear on two rows.
My initial code ::
<div class="form-group">
<asp:Button ID="btnSubmit" Text="SUBMIT" runat="server" OnClick="btnSubmit_Click" />
<asp:Button ID="btnReset" Text="RESET" runat="server" />
</div>
both the buttons align on same row.But when I replaced them with ext:Button, they appear on two rows.
<div class="form-group">
<ext:Button ID="btnSubmit" runat="server" Text="SUBMIT"></ext:Button>
<ext:Button ID="btnReset" runat="server" Text="RESET"></ext:Button>
</div>
Firebug is showing one extra div for ext.net button btnSubmit App.ContentPlaceHolderID_btnSubmit_Container
. And this div is covering whole row. Similarly div App.ContentPlaceHolderID_btnReset_Container
is for btnReset. How to align both the buttons in a single row?