Topic:   How to center FileUpload control in Page using Bootstrap in ASP.Net
Nov 02, 2020 02:51 2 Replies 849 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 Modeasp:HyperLink>



    <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" />

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


        <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" />


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



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


    Go to Portrait Mode


    idnkx user


    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