Topic:   How to center FileUpload control in Page using Bootstrap in ASP.Net
Nov 02, 2020 02:51 2 Replies 27 Views SAI

<div class="content">

    <div class="container" style="text-align: center;">

        <div class="form-horizontal">

            <asp:HyperLink ID="HyperLink1" runat="server" Font-Bold="true" Font-Size="Large" ForeColor="#00003D" Font-Names="Nunito" NavigateUrl="~/QRCode.aspx">Go to Portrait Mode</asp:HyperLink>

        </div>

    </div>

    <div class="container" style="margin: 0 auto; margin-top: 0%; text-align: justify; text-align: center; margin-left: 5%;">

        <asp:FileUpload ID="FileUpload1" runat="server" Height="43px" Width="282px" onchange="ImagePreview(this);" />

 

        <asp:Label ID="Labelconfirm" runat="server" Font-Size="Large"></asp:Label>

        <div class="row">

            <asp:Image ID="Image3" runat="server" Width="600px" Height="350" />

            &nbsp;&nbsp;&nbsp;<asp:Image ID="Image4" runat="server" BorderStyle="None" Width="100" Height="100" />

        </div>

        <br />

        <asp:Button ID="Button1" runat="server" CssClass="btn btn-primary navbar-btn" Text="Generate QR Code" Width="190px" Height="40px" OnClick="Button1_Click" />

        <asp:Button ID="finish" runat="server" Height="40px" CssClass="btn btn-primary navbar-btn" OnClick="finish_Click" Text="Finish" Width="190px" />

        <div>

            <asp:Label ID="lblMessage" runat="server"></asp:Label></div>

    </div>

</div>

Prev Next
Topic Replies (2)
  1. 1
    idnkx user

    ANANYA




    Go to Portrait Mode







       








    1
    idnkx user

    PARTH

    Use below code. Set the style display property. Initially it is block.




    Go to Portrait Mode







       








Leave a Reply
Guest User

Not sure what course is right for you?

Choose the right course for you.
Get the help of our experts and find a course that best suits your needs.


Let's Connect