DotNetNuke Skinning Guide. Shaun Walker. Version Last Updated: November 28, Category: Skinning. 10 Pound Gorilla specializes in website development solutions. We do website design and development worldwide, and are one of the top internet marketing. DNN skins can also render dynamic content using tokens or objects. Skinning and Design (Wiley, ) and the DotNetNuke Skinning Guide (Wiley, ).

Author: Magul Kazrarr
Country: Georgia
Language: English (Spanish)
Genre: Technology
Published (Last): 4 November 2012
Pages: 153
PDF File Size: 10.53 Mb
ePub File Size: 7.78 Mb
ISBN: 465-7-56071-331-5
Downloads: 9140
Price: Free* [*Free Regsitration Required]
Uploader: Faelrajas

By using our site, you acknowledge that soinning have read and understand our Cookie PolicyPrivacy Policyand our Terms of Service. I’m looking for a decent tutorial on creating skins for DotNetNuke 7. I’ve not been able to find anything for the most up to date version of dnn and although I’ve had some success modifying existing skins, it would be a lot easier to be able to build them from scratch. This question appears to be off-topic.

The users who voted to close gave this specific reason: Instead, describe the problem and what has been done so far to solve it. I’m not dotnetjuke to go into too much detail, but I’ll define some of the key elements about DotNetNuke Skinning and some of the potential problems you may encounter.

A skin can be written in one of two ways, html or an ascx. The most common way is through an ascx.

Start a Discussion

When you utilize this method, any changes you make within the skin will not be applied until DotNetNuke parses the skin. When DotNetNuke does this parse, it will reference your manifest to correctly parse all of the values so it displays.

This way does not need to be parsed, the changes you make will instantly go live. Which makes manipulation easier. However, this will still eotnetnuke an a manifest to define your content as well.

Essentially a Pane will always be wrapped within a Container.

A few things to note, with DotNetNuke you tend to not design a site for exactly that page- You create more elaborate structures that can be used in a more general sense.


So essentially we have a fairly easy data structure. Which would usually include some fairly basic organization. But my question is, how do you account or mobile devices or different page layouts such as:.

Now you have a slightly more complex issue. Well, DotNetNuke really kept a few considerations- Keep the developer as a developer, the designer as a designer. Which allows large groups working with a site the flexibility without destroying one another work. Well, the first is defining our ascx. The important thing is the second one. Essentially DotNetNuke has tokens available, these tokens will allow the skin to reflect changes made within DotNetNuke in it’s interface.

So when we are referencing the core location, rather then a static object. This allows the DotNetNuke interface to automatically input the logo in the location.

So we are essentially wrapping our token object in a div element. Then we are actually calling our token. This will physically place the logo from DotNetNuke interface into your site now. So the above is an example to get you started. As you see your using your essential knowledge to build the site-structure.

DotNetNuke Skins

Your just filling in the DotNetNuke Tokens into your design. Now ekinning next important aspect will be the essential packaging of your skin. This will actually ensure it works correctly once it is installed. You can get more information from http: Hopefully this provides the basics to get you started.

Which leaves the packaging and manifest left. Your best bet is probably to look at the existing skins that ship with DotNetNuke as a start. This should now show up in your skin selector.

Updated skinning guide for – Skins, Themes, and Templates

You can then modify the skin. To make a new skin option just create a new. As Chris Hammond points out in the first comment, these tutorials are hard to come by. Chris – Thanks for writing the Module Template. The community and I appreciate it. I have been trying to learn about DNN skins myself skinnjng came across the DNN Hero website that has a good basic video tutorial about how to create a skin for a site.

It can be found here: I don’t think this series is in the free set of videos, so you may have to subscribe to get it. I am a subscriber and have not been disappointed. If you need an introduction to skins or anything else DNN, the site is really informative. Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site the association bonus does not count. Would you like to answer one of these unanswered questions instead?


DotNetNuke 7 skinning tutorial [closed] Ask Question. Greg 8, 2 31 HuwD 1, 3 21 This is a great step-by-step tutorial for beginners: I’m not sure how soon you need this by, but I’ll try to write a blog about it.

But how do I design a skin? So with the above image, you see a few key elements such as: Grouping of four Content. Another piece of Content. Footer dotnetnukw is grouped by four as well. But my question is, how do you account or mobile devices or different page layouts such as: In every DotNetNuke skin you’ll see these: Whoa, you lost me- If that is just a reference skinming do we specify the location?

To guid the location within our site you would do this: This essentially eliminates the static approach, and allows it to become dynamic. So these are important, but how do I create the structure?

Hopefully this points you in right direction and helps.

Feel free to ask questions or follow those sites to try and get more information on the subject. You could also check the DotNetNuke video library. You could also purchase a skin or two and take a look at how those were developed. Ryan Doom 2, 1 12 Skinming think that’s the way to go.

You need to be familiar with basic module creation for DNN though. RacerNerd 1, 1 12 Stack Overflow works best with JavaScript enabled.