Load content without refreshing page in Asp .Net Web Forms

Rajan Kalauni

6y3.9k.NET

Hi,

We have a web application build in Asp.net web forms. A typical layout of the dashboard page is, the header on top, Side menu on the left, and the content is on the right. I want to update the content without reloading the entire page. Also, The side menu should remain as it is (should not refresh) and only the content should refresh. So how can I achieve this?

Can I just do it with HTML, CSS, and JavaScript in the design part or there is any backend work to do?

You can see an example of https://www.w3schools.com. Here on clicking the side menu, only the content changes and menu do not reload each time and the W3 school website is also build using Asp pages. I am looking forward to your answers.

Thanks.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Salman Beg6y ago
Accepted answer
Hey. Just create top,left and right side. In right side create a div. In left hand side when we click on something then call the Ajax call and by using that load the right side div. Thanks
Vertika Chauhan6y ago
You can put the content page inside updatepanel.
Salman Beg6y ago
That's what you need to decide when some data comes from server, that if it belongs to Home then display it and rest all will be hide as well. Thanks
Rajan Kalauni6y ago
There are 30-50 pages jQuery. To create multiple divs & hide/show, we have to fetch all the data at the start which is not possible. So we need to call the server separately. when we fetch data frm server how will we know if it’s home or contact to hide??
Salman Beg6y ago
One thing you can do is in the right hand side, create multiple div. When I click on left hand side then show particular div and rest all hide it. This way you can do but you need to use html, javascript/jQuery for just show/hide of the div. Thanks.
Rajan Kalauni6y ago
can we do it without ajax?? Can we do it using only html and css??