dnnskinextensions Wiki & Documentation Rss Feed

Updated Wiki: Skin Objects

Timo_Design — Sat, 06 Apr 2013 21:47:28 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

Style Helper skin object
This DotNetNuke skin object allows you to add or remove CSS and JS files to your skin.
Add or remove Meta tags
Add a class with the name of the page to the body tag, so you can address a specific page using CSS.
Etc.

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

IeCompatibilityMode Skin Object
Allows you to set the Internet Explorer Compatibility Mode.
This allows you to use a legacy skin that does not work correctly in IE8 or above to force it being rendered as for IE7 or even 6

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Demo & test skins

Timo_Design — Thu, 05 Jul 2012 18:17:41 GMT

List of free DotNetNuke Demo Skins provided by 40Fingers.net

I moved all these skins to a separate project: https://demoskins.codeplex.com/

Updated Wiki: Skin Objects

Timo_Design — Thu, 19 Jan 2012 22:14:43 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Skin Objects

Timo_Design — Sat, 10 Dec 2011 09:32:46 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Skin Objects

Timo_Design — Sat, 10 Dec 2011 09:31:49 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Home

Timo_Design — Fri, 11 Nov 2011 12:51:58 GMT

Project Description
A collection of DotNetNuke skinning related projects that you can use for your DotNetNuke Skin / Container.
Skins, Containers, Skin objects, examples, etc.
Timo Breumelhof
www.40fingers.net

In this project I will publish several DotNetNuke® related things.
Primarily some Custom DotNetNuke® Skin Objects but also some example skins.

List of extensions that are part of this project:

Skin Objects

Demo Skins

DotNetNuke skin test content

Miscellaneous

Timo Breumelhof
http://www.40fingers.net DotNetNuke websites, modules, skins and support.

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Updated Wiki: Home

Timo_Design — Sat, 15 Oct 2011 21:34:26 GMT

Skin Objects

Demo Skins

DotNetNuke skin test content

Miscellaneous

Timo Breumelhof
http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Updated Wiki: The IE compatibility Mode Skin Object

Timo_Design — Tue, 13 Sep 2011 09:00:13 GMT

Timo-Design IE CompatibilityMode Skin Object

Version:
01.00.01

Release Date:
June 6, 2009

License:
Copyright (c) 2009, Timo-Design, the Netherlands
All rights reserved.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

This software is provided by the copyright holders and contributors "as is" and any express or implied warranties, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose are disclaimed. In no event shall the copyright owner or contributors be liable for any direct, indirect, incidental, special, exemplary, or consequential damages (including, but not limited to, procurement of substitute goods or services; loss of use, data, or profits; or business interruption) however caused and on any theory of liability, whether in contract, strict liability, or tort (including negligence or otherwise) arising in any way out of the use of this software, even if advised of the possibility of such damage.

About:
Internet Explorer 8 is much more compliant then previous versions.
To prevent issues with existing sites IE8 has a Compatibility Mode, which renders the page as if you were using IE7.
Because some skins or skinobject might have issues in IE 8 we created this skin object. It allows you to force IE8 to show a site in either Strict or Compatibility mode, by writing a meta tag to the head of the page.
The meta tag will only be added if the visitor uses Internet Explorer

Attribute	Values	Default	Description
IeVersion	IE version number	7	Sets the version for the meta tag. If not set the page will be in compatibility Mode (the target IE version will be 7) Set this to 100 if you want IE 8 and future versions to render the page in Strict Mode.

Add to HTML skin (< DNN5):
[TIMODESIGN_IECompatibilityMode]

Add to an HTML skin using object tags (DNN5+):
Force IE7 Compatibility mode:
<object id="TIMODESIGN_IECompatibilityMode" codetype="dotnetnuke/server" codebase="TIMODESIGN_IECompatibilityMode"></object>

Force IE8 Strict mode:
<object id="TIMODESIGN_IECompatibilityMode" codetype="dotnetnuke/server" codebase="TIMODESIGN_IECompatibilityMode">
<param name="IeVersion" value="100" />
</object>

Add to ASCX skin:
<%@ Register TagPrefix="dnn" TagName="TIMODESIGN_IECOMPATIBILITYMODE" Src="~/DesktopModules/timodesign/sko/iecompatibilitymode/IECompatibilityMode.ascx" %>

Force IE7 Compatibility mode:
<dnn:TIMODESIGN_IECOMPATIBILITYMODE runat="server" id="TIMODESIGN_IECompatibilityMode" />

Force IE8 Strict mode:
<dnn:TIMODESIGN_IECOMPATIBILITYMODE runat="server" id="TIMODESIGN_IECompatibilityMode" IeVersion="100" />

Text the Skin Object

-Place a HTML module on the page
-Edit the content and switch the editor to Source View.
-Paste the following HTML in the editor and Save;

<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell;">If you see this text (in IE 8) </div>
<div style="display: table-cell;">on one line the page </div>
<div style="display: table-cell;">is shown in IE 8 strict mode.</div>
</div>
</div>

If the text is not displayed in one line the page is in IE7 compatibilty mode, if it is it's in IE8 Strict mode. This will only be visible in IE. I'm using the lack of support for "Tabel-Cell" in IE 7 for this test.

Updated Wiki: Skin Objects

Timo_Design — Sun, 11 Sep 2011 18:39:22 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Skin Objects

Timo_Design — Sun, 11 Sep 2011 18:38:49 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Skin Objects

Timo_Design — Sun, 11 Sep 2011 18:38:20 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof - 40Fingers
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Home

Timo_Design — Mon, 20 Jun 2011 18:03:39 GMT

Skin Objects

Demo Skins

DotNetNuke skin test content

Miscellaneous

Timo Breumelhof
http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Updated Wiki: Skin Objects

Timo_Design — Thu, 19 May 2011 21:33:05 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

Style Helper skin object
This skin obecjt allows you to add or remove CSS and JS files to your skin.
Add or remove Meta tags
Add a class with the name of the page to the body tag, so you can address a specific page using CSS.
Etc.

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

Updated Wiki: Demo & test skins

Timo_Design — Sat, 23 Apr 2011 10:33:10 GMT

List of free DotNetNuke Demo Skins provided by 40Fingers.net

Nav Menu Demo Skin
Shows an unordered list Nav menu and Multiple NAV menus in one skin.

Inline Framework Attributes example skin
This skin shows you some of the DNN Framework data you can use in your skins (just like you can use <%=SkinPath%>)

Share content between skin files (Includes) example
This example skin shows you how you can share parts of a skin between different DotNetNuke Skin files.

Updated Wiki: Demo & test skins

Timo_Design — Sat, 23 Apr 2011 10:32:24 GMT

List of free DotNetNuke Demo Skins provided by 40Fingers.net

Nav Menu Demo Skin
Shows an unordered list Nav menu and Multiple NAV menus in one skin.

Inline Framework Attributes example skin
This skin shows you some of the DNN Framework data you can use in your skins (just like you can use <%=SkinPath%>)

Use Includes in your skins Example
This example skin shows you how you can share parts of a skin between different DotNetNuke Skin files.

Updated Wiki: Demo & test skins

Timo_Design — Sat, 23 Apr 2011 10:31:39 GMT

List of free DotNetNuke Demo Skins provided by 40Fingers.net

Nav Menu Demo Skin
Shows an unordered list Nav menu and Multiple NAV menus in one skin.

Inline Framework Attributes example skin
This skin shows you some of the DNN Framework data you can use in your skins (just like you can use <%=SkinPath%>)

Use Includes in your skins Example
This example skin shows you how you can share parts of a skin between different DotNetNuke Skin files.

Updated Wiki: Home

Timo_Design — Mon, 07 Mar 2011 09:13:33 GMT

Skin Objects

Demo Skins

DotNetNuke skin test content

Miscellaneous

Timo Breumelhof
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Updated Wiki: Home

Timo_Design — Mon, 07 Mar 2011 09:13:07 GMT

Skin Objects

Demo Skins

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Miscellaneous

Timo Breumelhof
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.

DotNetNuke skin test content
-Content to us in the HTML module to test the styling of some commonly used HTML elements and DNN default classes

Updated Wiki: Demo & test skins

Timo_Design — Mon, 07 Mar 2011 09:12:32 GMT

List of free DotNetNuke Demo Skins provided by 40Fingers.net

Nav Menu Demo Skin
Shows an unordered list Nav menu and Multiple NAV menus in one skin.

Inline Framework Attributes example skin
This skin shows you some of the DNN Framework data you can use in your skins (just like you can use <%=SkinPath%>)

Updated Wiki: Skin Objects

Timo_Design — Thu, 20 Jan 2011 16:34:10 GMT

List of free DotNetNuke Skin Objects provided by 40Fingers.net

SimpleTitle skin object
A skin / container object that renders a Clean Page name or Module Title
New version 01.01.00, Title is now templatable.

Timo Breumelhof
http://www.timo-design.nl is a member of http://www.40fingers.net for all your DotNetNuke websites, modules, skins and support.