How to use Tabs for navigating between pages without page postback using jQuery in ASP.Net

Last Reply 5 days ago By AnandM

Posted 6 days ago

https://www.aspsnippets.com/Articles/JavaScript-windowopen-Display-Modal-Popup-Window.aspx

Regarding this article:

 

If i have tab controls in the child window everytime the postback happens the div background disappears.

 

 

As a solution i tried reloading the div background everytime postback happens in the child window.

But when this is happening there is a flicker when the postback happens in the child window and the grey layer disappears and appears and it looks bad. 

 

Please help.

Posted 5 days ago Modified on 5 days ago

Hi anvina,

It will behave like the way you said because what happens is the request goes to server side and page gets postbacked so div which is used for background black screen appears and hide so there is no solution for it as an alternative what you can do is use BootStrap Tabs or jQuery Tabs which wont postback the page and if you want to call server side methods then you need to make ajax call for requests to avoid the postback which will ignore the hide and show of black screen.

For BootStrap Tabs refer below article.

Simple Bootstrap Tabs example

For jQuery Tabs refer below article.

jQuery UI Tabs Navigation using Next Previous Buttons

 


Posted 5 days ago
anvina says:
So link in header is enough?

 Yes the online cdn links are enough.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html?aff_id=108