Skinning

Automatically assign Page Skin with Template

Da — Wed, 09 Nov 2016 01:53:59 GMT

Thanks again for your reply Aderson.

It’s not really a ‘specific task’ but a simple and easy method to manage content for non technical users (Content Managers); something that a lot of other CMS’s are able to achieve but DNN cannot.

I guess DNN is limited unlike other CMS’s where the user can just:
1. create a new page,
2. select a pre-defined template, and then start inputting content.

With DNN it seems users need to:
1. create a new page,
2. select template,
3. select skin,
4. add modules,
5. and/or module settings, and then start inputting content.
It’s a cumbersome and impractical process for users; especially non-technical content managers.

Custom Page Templates are not loaded in DotNetNuke Page creation window

Aderson Oliveira — Wed, 21 Oct 2015 09:59:36 GMT

Hi Fahimeh,

It seems that DNN themselves are still working on this but your site is having:

https://dnntracker.atlassian.net/brow...

Best regards,

Aderson

Cannot Make Vertical Menu With DNN 7 - Please Help

Jean-Marie — Mon, 08 Sep 2014 11:54:25 GMT

I finally figured out how to make a Vertical Menu for DNN 7 based on the DDRMenu. I had to create a new DDRMenu Template, and some new CSS entries. Not trivial at all, but it now works and replaces SolPart menu that stopped working (either original or SolPart under DDRMenu).

In Skin ASCX File

<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>

Create a folder in Skin called "DDRMenuVerticalMenu". In that folder there will be two files: "DDRMenuVerticalMenu.txt" and "menudef.xml"

DDRMenuVerticalMenu.txt Contents

[>NODE]

[?ENABLED]
[=TEXT] [?NODE][/?]
[?ELSE]
[=TEXT] [?NODE][/?]
[/?]
[?NODE]

[/?]

[/>]

Next the contents of "menudef.xml":

Finally you need the following in the "skin.css" file

/* Start Menu */

.sidebarmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: bold 9px Verdana;

width: 130px; /* Main Menu Item widths */

border-bottom: 1px solid #ccc;

}

.sidebarmenu ul li{

position: relative;

}

/* Top level menu links style */

.sidebarmenu ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-decoration: none;

padding: 6px;

border-bottom: 1px solid #778;

border-right: 1px solid #778;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

background-color: #012D58; /*background of tabs (default state)*/

}

.sidebarmenu ul li a:visited{

color: white;

}

.sidebarmenu ul li a:hover{

background-color: black;

}

/*Sub level menu items */

.sidebarmenu ul li ul{

position: absolute;

width: 130px; /*Sub Menu Items width */

top: 0;

visibility: hidden;

}

.sidebarmenu a.subfolderstyle{

background: url(Menu_Arrow.gif) no-repeat 97% 50%;

}

div.sidebarmenu li a.ActiveMenuItem {

color: red;

}

/* Holly Hack for IE \*/

* html .sidebarmenu ul li { float: left; height: 1%; }

* html .sidebarmenu ul li a { height: 1%; }

/* End */

/* End Menu */

skolar font

Aderson Oliveira — Fri, 29 Aug 2014 09:44:15 GMT

Hi Surya,

To be honest I'm not sure. I don't think this is a particular problem with your DNN site. This is a generic problem that I don'[t have much experience.

Sorry,

Aderson

Module Edit Icons not scrolling with modules in edit mode

Aderson Oliveira — Fri, 22 Aug 2014 09:48:19 GMT

Sent it over, I will have a look aderson at dnnhero dot com

How to get DDR Menu to output root level element of subnav

Brian — Thu, 21 Aug 2014 10:26:55 GMT

Hi Armand,

The code I posted was just an example but I was able to figure out what I needed it to do. I made a couple of changes to the NodeSelector call then modified a token template to get it to output what I needed. Thanks for your help!

How to change dnn default fonts any idea..

Aderson Oliveira — Wed, 09 Jul 2014 17:42:21 GMT

Hi Surya,

I have answered that at

http://www.dnnhero.com/Forum/tabid/261/forumid/3/threadid/1166/scope/posts/Default.aspx

Cheers,

Aderson

Problem with skin using DNN Smart Mobile.Redirect Module

Aderson Oliveira — Tue, 03 Jun 2014 20:25:44 GMT

Good one Paul!

Skins Location

Aderson Oliveira — Mon, 12 May 2014 11:56:59 GMT

Hi Florence,

You should definitely keep them under Portals/_default/Skins/ folder. This way you will be able to share them across all Portals.

In case you want to make a skin only available to a particular portal, them you should create it under Portals/[PORTAL ID]/Skins/

Cheers,

Aderson

JQUERY Conflicts - Using Newer JQuery in DNN Modules

Robert — Thu, 23 Jan 2014 12:24:52 GMT

I may be able to create that video soon.

I'm having the same issue, and have found many leads.

Once I have it fixed, I'll 'generisize' the process for converting any Responsive HTML5 template into a DNN 7 skin

or may be just charge people? lol...jk

Bootstrap JQuery Conflicts with DNN

Aderson Oliveira — Tue, 21 Jan 2014 07:55:14 GMT

Hi Besana,

Not sure how to solve your situation but I have a few suggestions:

1 - Check out this open source skin based on Bootstrap 3. They must have solved this problem;

2 - These guys published a nice video on How to Create a Responsive Bootstrap 3 Skin for DotNetNuke;

I hope this helps you.

Cheers,

Aderson

Problems with Solpart and IE10

Aderson Oliveira — Mon, 09 Sep 2013 13:36:32 GMT

Hi Guilherme,

I don't think there is a solution other than upgrading DNN and replacing the SOLpart by the DDR menu.

I have seem that quit a lot in the DNN forums and there doesn't seem to be another solution.

Check here:

http://www.dnnsoftware.com/forums/for...

Regards,

Aderson

Menu with accordion template

Aderson Oliveira — Fri, 05 Jul 2013 15:36:45 GMT

Hi Gino,

I have not tried that yet, but you should check the 3 part article written by Armand: http://www.dnnhero.com/Article/tabid/...

This should get you up to speed on what needs to change on the XSLT file in order to make multiple levels.

Best regards,

Aderson

Background Image - HTML module

Aderson Oliveira — Thu, 08 Nov 2012 12:01:49 GMT

Good progress Dave! Congratulations!

Cheers,

Aderson

Dark K Mobile - Sub Menus

Stephen — Tue, 18 Sep 2012 14:29:54 GMT

Hi Dave/Aderson,

Regarding browser market, It's a good point Dave, but I assume it's not just older IE browser versions that don't support CSS3.

Regarding levels of navigation, If possible I would like to be able to cater for any request a customer might make.
Looking at demo of one of the other adaptive skins on dnnhero.com
http://www.dnnskin.net/social-silver/...
It shows 3 levels for a mobile device, I think it's quite a good the way it's displayed. Though I take Aderson's point about simplifying the site.

One thing that did occur to me, is that it's possible to 'add an existing module' from the host menu. So if you go down the separate site root, you can use the same module instances, the contents will be synchronised but the modules can be arranged differently.

Another advantage the responsive skin has is that you don't have the $360.00 per year per site cost for the device detection license, assuming you're using the community edition that is.

I look forward to seeing the interview with the skin designer when it's published.

Maybe some videos on making a site responsive would be a good idea.

Best Regards,

Steve

Creating my own skin

Aderson Oliveira — Wed, 05 Sep 2012 09:42:12 GMT

Hi Noora,

You don't need Visual Studio for that. I would recommend this video so you can get to know how to create skins: http://www.dnncreative.com/TrainingTutorials/SkinningTutorials/HowtobuildSkinsforDNN6x/tabid/651/Default.aspx

Cheers,

Modify Module Title Font

Aderson Oliveira — Mon, 27 Aug 2012 09:36:57 GMT

Hi Donald,

The key is to find which container you are using. Can you give me the container name or at least describe how it looks like?

Cheers,

Dark Knight Mobile

Aderson Oliveira — Fri, 24 Aug 2012 11:00:11 GMT

Great tip! Thank you Dave!

Stronghold skin

Aderson Oliveira — Tue, 21 Aug 2012 08:59:58 GMT

Ok, no problem. Do this:

1 - Open the CSS file \Portals\_default\Skins\Stronghold\styles\style.css

2 - Find this 'min-height: 400px;' (remove the quotes to search)

3 - Change 400px to, let's say, 200px - This will make the vertical space shorter.

4 - Save the file.

5 - Change to another number if you need.

This should do it.

Cheers,

Aderson

Skinning

Automatically assign Page Skin with Template

Custom Page Templates are not loaded in DotNetNuke Page creation window

Cannot Make Vertical Menu With DNN 7 - Please Help

skolar font

Module Edit Icons not scrolling with modules in edit mode

How to get DDR Menu to output root level element of subnav

How to change dnn default fonts any idea..

Problem with skin using DNN Smart Mobile.Redirect Module

Skins Location

JQUERY Conflicts - Using Newer JQuery in DNN Modules

Bootstrap JQuery Conflicts with DNN

Problems with Solpart and IE10

Menu with accordion template

Background Image - HTML module

Dark K Mobile - Sub Menus

Creating my own skin

Modify Module Title Font

Dark Knight Mobile

Stronghold skin

More...