As stated earlier, the height thing can throw off some overall designs that you may have, for example if you have a margin or padding on your body element, your page will be that much longer. Hopefully these attempts may help you come up with something a bit better. To fix this in modern browsers, we will use the CSS property position: fixed. The old solution worked well, however it had a problem with scrollbars. First, let’s start with IE 7 and Firefox. Now for the styles, this is where we will fix the problems in the old solution. In this case, it’s just text and an animated gif. The second, progressMessage, is the message to display. The first, progressBackgroundFilter is used to blank out the page. Pretty simple code… basically the only “custom code” are the two DIVs.
I’m happy to say that there is a solution to these issues… The following techniques were tested in IE 7 (.18000), Firefox 2.0.0.12, and IE 6 (.2180) in Standards Mode.įirst, the code is the same, but instead of going back to the old post, here it is again: Loading. There were also issues with scrollbars where the “blanket” would stay at the top and users could still see the bottom of the page if they scrolled. Well, the original version showed the message, but not the “blanket” modal DIV in IE 6. Since that time, this continues to be one of the most popular posts and many people have wanted to use this solution with IE 6. If you want to read the original article, you can view it here. This is achieved by using some simple CSS. The premise behind this was taking a DIV and stretching it over the top of the page using CSS, and having a message (e.g. This solution would allow developers to stop users from clicking on other items on the page while the UpdatePanel is processing. What exactly is a SPA you ask? A SPA is similar to a desktop.Back in September 2007, I posted an article which described a way to “disable” an UpdatePanel (or more specifically an entire page) by using a modal UpdateProgress control. There is definitely no shortages of frameworks and libraries for creating single-page applications (known as SPAs).
Hello again and congrats! You’ve made it to the end of the series (Part 5) of Riding Rails. By Damien White Riding Rails - Building a Web App (Part 05).The first thing I wanted to do was set up prettier in my Ember app. Introduction I started a brand new Ember Octane project today. By Damien White Ember Octane + ESLint + Prettier.My model’s association is a has_many :through. Introduction Today I was attempting to use Rails’ counter cache feature to save on expensive queries. By Damien White Rails Counter Cache Gotcha.