40FINGERS DNN Nederlands40FINGERS DNN English

Our Blog


Skins and Templates

NO Image:
New releases of DNN DDR Menu Demo skins v 01.06.01 Added: - Alphabetical menu - XML dump example We also decided to move all Demo Skin downloads from C...
Posted in: Skins and Templates, Demo Skins
By Timo Breumelhof
DNN Bootstrap Skin / Theme Admin interface alignment issues
When you base a DNN Skin (theme) on Bootstrap 3 you run into alignment issues in the Admin interface. This is caused by the Bootstrap stylesheet that resets all elements to "box-sizing:border-bo...
Posted in: Skins and Templates
By Timo Breumelhof
Fixing DNN StyleSheet load order using StyleHelper 02.09.05
One of the things that annoy me are DNN Extensions that don't comply with the Default DNN load order of Style Sheets. http://www.dnnsoftware.com/…/dotnetnuke-stylesheets-explain… T...
Posted in: Skins and Templates
By Timo Breumelhof
New release DNN DDR Demo Skin 01.05.00
Last week, Sebastian Leupold asked for an example of using the DNN DDR Menu with the jQuery UI accordion Widget. I promised him to add that to our DNN demo skin and today we release it to the public....
Posted in: Skins and Templates, Demo Skins
By Timo Breumelhof
Today we released a new version of the DNN DDR Menu Demo skin, version 01.04.00. This demo skin is not targeted at fully styled menu's but demonstrates the individual templates, filtering and o...
Posted in: Skins and Templates, Demo Skins
By Timo Breumelhof
Updated Release DNN DDR Demo Skin
Today we released a new version of the DNN DDR Menu Demo skin, version 01.03.00. This demo skin is not targeted at fully styled menu's but demonstrates the individual templates, filtering and o...
Posted in: Skins and Templates, Demo Skins
By Timo Breumelhof
DNN7 Styling issues: z-index of Module Actions

I am currently testing some client skins for the upgrade to DNN 7 as both default.css and the Module action icons have changed since DNN 6.
I have some z-index issues and here's what I found out and how I fixed it.

Posted in: Skins and Templates
By Timo Breumelhof
Nota bene: er is ook een Nederlandstalige versie van deze blogpost. Update: the crossposted version of this post on DotNetNuke.com contains some interesting comments. Over the past few mon...

When developing a custom skin for clients you sometime would like a fixed text to be editable by the administrator. Using a module is risky as you cannot make sure the editor does not accidentally remove the module or applies custom styling.

We created a first Beta version of a skin object that allows you to edit texts inline in the skin.

Posted in: Skins and Templates
By Timo Breumelhof

This is the documentation for the of the new Style Helper skin object on Codeplex.
This is a skin object I started in 2007, but never got to making it releasable.
And now i decided I should finally finish it..
(I will add a some extra functionality later this year)

I would appreciate it if you would test the skin object and give feedback / report issues (on Codeplex).

Download: stylehelper.codeplex.com/

Posted in: Skins and Templates
By Timo Breumelhof

We just released version 02.06.03 of our StyleHelper skin object for DotNetNuke 5.3+ on codeplex.

This is final release after some beta releases following version 02.05.00.

This release includes some additions, changes and bug fixes:

Added: Inject Content in your skin
Changes: (Mobile) redirect logic, Query String filtering and BodyClass filtering

Posted in: Skins and Templates
By Timo Breumelhof
New in version 02.05.00 Mobile Redirect We added a way to redirect query string parameters. They can now be copied from the orignal URL to the Redirect URL. For that I extended the RedirectTo attri...
Posted in: Skins and Templates
By Timo Breumelhof

As some of you might have noticed, removing style sheets with the StyleHelper Skin Object did not work anymore in DotNetNuke 6.1.
(al other functionality still works just fine)
This blog post is about my considerations on this issue.

Posted in: Skins and Templates
By Timo Breumelhof
Adding a Print stylesheet to your Dotnetnuke Skin
As you can read in my previous blog, there's an issue with the DotNetNuke core print skin object in DotNetNuke 6.1. I'm sure this will be solved in a future version, but there is a workaroun...
Posted in: Skins and Templates
By Timo Breumelhof
Print and RSS action icons in DNN 6, a solution
Because of changes to the action menu in DNN 6, the Print and RSS feed icons don't work anymore. At first I didn't notice this as they do work if the user is logged in, but for an a...
Posted in: Skins and Templates
By Timo Breumelhof
NULL

40Fingers StyleHelper DotNetNuke Skin ObjectNew release of the 40Fingers DotNetNuke Stylehelper skin object.
Version 02.02.00

Highlights:

  1. Improved Redirect Handling
  2. Get Backlink to the PAge that casued the redirect
  3. Add anything to the Head of the DotNetNuke page
  4. Remove Existing DotNetNuke MetaTags
  5. Links to Style sheets and Javascript files are now templatable

You can download the new version here: http://dnnskinextensions.codeplex.com/releases/view/73344

Full documentation here: http://www.40fingers.net/WeblogsNews/Weblogs/tabid/58/ID/23/language/en-US/Style-Helper-Skin-Object-Documentation.aspx

 

Posted in: Skins and Templates
By Timo Breumelhof

40Fingers StyleHelper DotNetNuke Skin ObjectToday I discoverd a bug in the DotNetNuke Style Helper Skin Object 02.00.00.
The "IfMobil" attribute, used to detect if a bowser is a mobile browser or not, did not always detect the browser correctly.

This issue has been fixed in this new release: 02.00.01

If you use the mobile detection capabilities, please update your installation with this new release.

You can download the new version of this DotNetNuke  skin object here: http://stylehelper.codeplex.com/

Full documentation here: http://www.40fingers.net/WeblogsNews/Weblogs/tabid/58/ID/23/language/en-US/Style-Helper-Skin-Object-Documentation.aspx

Posted in: Skins and Templates
By Timo Breumelhof

40Fingers StyleHelper DotNetNuke Skin ObjectToday I released a new version of the 40Fingers DotNetNuke style helper skin object.

The main enhancements are for mobile DotNetNuke skins / websites.
I made detection of mobile browser much easier and you can now redirect the user  to another DotNetNuke page or even website.
 
Also added:
- Set the doctype of the DNN skin.
- Support to add custom attributes to the DNN HTML element as needed for Open Graph protocol.

Posted in: Skins and Templates
By Timo Breumelhof

40Fingers StyleHelper DotNetNuke Skin ObjectWe found a bug in the stylehelper skin object for DotNetNuke.
In certain conditions you could get an "Object reference not set to an instance of an object error" error, if you use the BodyClass attribute...

Posted in: Skins and Templates
By Timo Breumelhof

40Fingers StyleHelper DotNetNuke Skin ObjectAfter a few minor internally used and tested versions, I released a new version of our DotNetNuke Stylehelper Skin Object on codeplex.

The new version is 01.08.03

It contains

  1. A bug fix
  2. A correction to the AddMetas attribute
  3. A New template option for the AddBodyClass attribute. (you can add a class for the role a user is a member of)
Posted in: Skins and Templates
By Timo Breumelhof
There are several blog posts about Stylesheets in DotNetNuke, but they mostly cover only a part of the subject.
I tried to wrap up all the information on what stylesheets DNN loads and how to manage them in one blog post.
- What stylesheets are loaded and why
- In what order they are loaded
- Use of Ids / Classes for containers
- How to limit the number of stylesheets DNN loads
- Why you should not delete or edit Default.css

 

Posted in: Skins and Templates
By Timo Breumelhof

If your skin has a dark color or an image as the background, there are situations were this background is visible in the editor too.
This can make it very difficult if not impossible to edit the content of your site.
As this question keeps comming up in the DNN Forums and is an issue in the new RAD Editor too, here's how to solve these issues for your skin.

Posted in: Skins and Templates
By Timo Breumelhof

New release of the 40 Fingers Style Helper skin object (V01.05.00)


The Style  Helper skin object allows you to load  css and javascript files in the head of the page from you DotNetNuke skin, directly or conditional, based on all kind of properties.

New Feature:

You can now inject a CSS class to the page Body tag. This allows

Posted in: Skins and Templates
By Timo Breumelhof

There are a lot of posts in the DotNetNuke forums about cross-browser issues in a DotNetNuke skin.
The problem is mostly that the skin does not render the same in Internet Explorer and Firefox.
As most of these issues are quite easy to prevent / solve, here's how to prevent most of them.

Posted in: Skins and Templates
By Timo Breumelhof