ASP.net | KC's Blog https://www.kjctech.net Tue, 24 Jan 2023 18:21:08 +0000 en-US hourly 1 https://i0.wp.com/www.kjctech.net/wp-content/uploads/2016/12/cropped-KC-Logo.png?fit=32%2C32&ssl=1 ASP.net | KC's Blog https://www.kjctech.net 32 32 24634607 Adding Lightbox on A ASP.net Powered Website https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/?utm_source=rss&utm_medium=rss&utm_campaign=adding-lightbox-on-a-asp-net-powered-website https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/#respond Wed, 03 May 2017 04:56:18 +0000 http://www.kjctech.net/?p=3468 ASP.net doesn’t have many plugins like WordPress. So if you would like to add Lightbox-kind effect on your ASP.net powered website, you will need to do it manually. Here is how you can do it. 1. Go to this Lightbox site and click Download button to download the script package. 2. Extract the package and save both css and js folder into […]

The post Adding Lightbox on A ASP.net Powered Website first appeared on KC's Blog.]]> ASP.net doesn’t have many plugins like WordPress. So if you would like to add Lightbox-kind effect on your ASP.net powered website, you will need to do it manually.

Here is how you can do it.

1. Go to this Lightbox site and click Download button to download the script package.

2. Extract the package and save both css and js folder into your website. For example, I created a separate folder called source and saved both folders in it.

3. Add the following three lines at the top of the page in <head> tag.

    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <script src="/source/js/lightbox.js"></script>
    <link href="/source/css/lightbox.css" rel="stylesheet" />

4. Update the link by adding rel="lightbox" and title for image caption. For example,

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src='images/image-1.jpg'/></a>

That’s about it, as simple as like that.

The post Adding Lightbox on A ASP.net Powered Website first appeared on KC's Blog.]]> https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/feed/ 0 3468 UpdateProgress control disappeared before the Page gets updated on ASP.net Web App https://www.kjctech.net/updateprogress-control-disappeared-before-the-page-gets-updated-on-asp-net/?utm_source=rss&utm_medium=rss&utm_campaign=updateprogress-control-disappeared-before-the-page-gets-updated-on-asp-net https://www.kjctech.net/updateprogress-control-disappeared-before-the-page-gets-updated-on-asp-net/#comments Sat, 23 May 2009 22:16:20 +0000 http://kjctech.net/blog/archive/2009/05/23/updateprogress-control-disappeared-before-the-page-gets-updated-on-asp.net.aspx I have a small web application written in ASP.net 2.0 (works on 3.5 as well) with Ajax enabled. What it does is to search information on a online database and downloads as PDF.  I use <asp:UpdatePanel></asp:UpdatePanel> to wrap up the web form content, and use <asp:UpdateProgress> to show a modal popup type of progress icon during the actual download. It […]

The post UpdateProgress control disappeared before the Page gets updated on ASP.net Web App first appeared on KC's Blog.]]> imageI have a small web application written in ASP.net 2.0 (works on 3.5 as well) with Ajax enabled. What it does is to search information on a online database and downloads as PDF.  I use <asp:UpdatePanel></asp:UpdatePanel> to wrap up the web form content, and use <asp:UpdateProgress> to show a modal popup type of progress icon during the actual download.

It works great except when the PDF is bigger than a few megabyte this nice Ajax type of progress modal disappears without any results returning to the content in the UpdatePanel. I scratched my head many times without any luck finding it why, until I fired up Firebug in my Firefox and tried again the same process. Bingo. the following error was thrown out in Firebug console.

Sys.WebForms.PageRequestManagerTimeoutException: The server request timed out

Searching for Sys.WebForms.PageRequestManagerTimeoutException brought me to this page on ASP.net forum, in which a poster explained very well what it is and how to solve it.

For Sys.WebForms.PageRequestManagerTimeoutException, check here and here for what it is.

To solve this problem we can increase the timeout. You can change the timeout time by adding a new property to the script manager control. This property is called AsyncPostBackTimeOut and it can help us to define the number of seconds before the request will throw a request timeout exception*.

For example if you want that the timeout will take maximum 10 minutes your code should be look like this:

<asp:ScriptManager ID=”ScriptManager1″ runat=”server”

AsyncPostBackTimeOut=”600″ >

</asp:ScriptManager>

The default value of the AsyncPostBackTimeOut property is 90 seconds.

Sure enough, adding the AsyncPostBackTimeout property and setting it to 3600 seconds solved my problem nicely.

The post UpdateProgress control disappeared before the Page gets updated on ASP.net Web App first appeared on KC's Blog.]]> https://www.kjctech.net/updateprogress-control-disappeared-before-the-page-gets-updated-on-asp-net/feed/ 2 911