AJAX Accordion Control “Flickering” Issue while implementing in DotNetNuke Site

While working on DNN 5.0 site, I was trying to have a left menu navigation using AJAX Accordion. Even, I got succeeded in implementing that but i come accross an issue of – flickering the Accordion control in  IE while opening and closing and navigating thru panes.

After googling, I came to know about the solution and applied which worked successfully.

Frist is, Turn off FadeTransitions Property, i mean set it to “False”,  yes, its the cute effect everybody want to have while using accordion with. But, while I set it to false and removed the TransitionDuration property – The problem of flickering issue got solved. So, everybody speak with me – “I dont want FadeTransition effect in DNN with Accordion!”.

Read More…

Cross Browser (CSS) Compatibility (setting Browser Specific Property values of controls)

You would obviously have come across the “Browser Compatibility” issues many times while designing a webpage. For example, assigning a CSS class to any control may render well with IE but it may not get rendered that perfect way in Mozilla; and if you fix for Mozilla then IE rendering may get affected. But, we not only need to manage in between IE and Mozilla, but we also need to think about other browsers as well like Opera, Safari and Netscape etc, etc.

Here is one trick how you can you apply “Browser Specific” CSS to a control. That is, while assigning CssClass or Class to any control you can just prefix the browser name followed by colon to specify the Browser Specific CSS Class.

For Example, look at the below snippet,

Read More…

CSS Filter Examples

A CSS Filter is a coding technique used to hide or show CSS markup depending on the browser’s brand and/or version number. Browsers have different interpretations of CSS behavior and different levels of support for the W3C standards. Web developers will implement CSS Filters when attempting to achieve consistent layout appearance in browsers that do not have a consistent CSS behavior.

Below are some CSS Filter Example you can use to give a nice look and feel to your webpages:

Read More…

How to center a web page, in ALL browsers (using CSS)Hello Friends,

Hello Friends,

Below is CSS solution to center your website in ALL Browsers.. Read More…