Responsive webpages

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.

Answer 1

User1581525987 posted

Hi,

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

Look at Bootstrap for responsive pages and grids/tables.

Answer 2

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

Answer 3

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.

Answer 4

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#. 

Answer 5

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

Answer 6

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