DotNetNuke – Where do you write your application CSS?

after Long time…. back in the community finally…

I was working in DNN application since I used to add css classes as and when I need to add which are related to specific my custom dnn modules. Initially, I used to add those classes in MinimulExtropy skin css file. But, as time goes.. it grows in size and there are situations when skin tend to change everytime (because some skin related issues or client didnt like it). Sp, everytime when any skin got changed I need to manually “copy” and “paste” those application (related to custom desktop modules) css classes in to the targetted skin folder’s css files. Because, somehow AFAIK dnn doesn’t support App_Theme folder or .skin files (because of its skin architecture).

Read More…

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…

asp:Menu Server Control – Cross Browser Compatibility (Safari/Chrome)

Cross browser compatibility struggle is getting upsetting while working with asp:Menu Server Control. Anyhow, It was not rendering/working well with Safari and Chrome.

A bit of googling… and I have a solution for this.

I have added below small piece of code snippet in my MasterPage’s Page_Load event

Read More…

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…

JavaScript to Maximize/Restore HTML image

Many web pages feature images that can be maximized and restored within the same page. There is a simple way to display an image on your web page with maximization and restoration capabilities. I have taken a test image and set the initial height and width. On Click of this image I am calling MaximizeRestore() Script which will simply set the height and width based on restored boolean Flag value. Check out complete JavaScript example below:

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…