locked
Responsive webpages RRS feed

  • Question

  • User-756749920 posted

    Hi,

    How to make web page become responsive. I have also used grid view in our program. I need the grid view  to be responsive.

    Tuesday, May 7, 2019 4:53 AM

All replies

  • User1581525987 posted

    Hi,

    I assume you are referring to ASP.NET Web Forms.

    Look at Bootstrap for responsive pages and grids/tables.

    Tuesday, May 7, 2019 7:32 AM
  • User288213138 posted

    Hi jibinshaju,
     

    You can set the responsive of webpages using CSS properties.


    You can also set  response using bootstrap.
    This is the Grid link for bootstrap: https://getbootstrap.com/docs/4.3/layout/grid/
     
    The code:

    .mygridview{
                  width:20vw;
                  height:20vw;
                  margin:0 auto;
             }
    <asp:GridView ID="GridView1" runat="server" CssClass="mygridview" ></asp:GridView>
    

    The Result:

    Best Regards,

    Sam

    Tuesday, May 7, 2019 9:11 AM
  • User-1038772411 posted

    Hi, Jibinshaju

    Please Refer Below code. Download Demo project from it. you can easily make responsive

    https://www.c-sharpcorner.com/UploadFile/7dc621/how-to-create-responsive-website-using-Asp-Net-with-bootstra/

    Thanks.

    Tuesday, May 7, 2019 12:19 PM
  • User1120430333 posted

    Hi,

    How to make web page become responsive. I have also used grid view in our program. I need the grid view  to be responsive.

    You learn how to do things on the client-side at the browser as much as possible using a client-side language like JavaScript, jQuery and CSS instead of using a server side language  such as  VB.NET and C#. 

    Tuesday, May 7, 2019 7:11 PM
  • User-418973555 posted

    another way maybe you are referring to responsive in gridview as in button click and something happens, besides having said animation,

    eg. imagebutton clicked to display enlarge image, or details ..etc

    try this post:

    https://techbrij.com/show-modal-popup-edit-aspdotnet-gridview

    Friday, May 10, 2019 5:11 AM
  • User-2054057000 posted

    Hi,

    I have also used grid view in our program. I need the grid view  to be responsive.

    For example you create 3 columns in the row and puts the gridview inside any of them:

    <div class="row">
      <div class=".col-md-4">
       <asp:GridView id="myGrid" runat="server"></asp:GridView>
      </div>
      <div class=".col-md-4">
      </div>
      <div class=".col-md-4">
      </div>
    </div>

    How to make web page become responsive

    You can simply use bootstrap for making your webpage responsive in nature. See Quickly using Bootstrap to turn any web page to responsive

    Saturday, May 11, 2019 1:00 PM