Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Pane level skinning - creating containersPane level skinning - creating containers
Previous
 
Next
New Post
11/22/2006 2:18 PM
 
I am trying to create a pane level skin (following the advice in this thread).

I am not creating an ascx file for each container, my approach is to create a container by zipping up HTML, CSS & XML files and uploading them to the DNN server.

As a pane level skin, by definition, needs more than 2 containers, I am proceeding by creating two different containers in the 'containers' folder (which I plan to eventually compress into a containers.zip file). My question(s) relate to what files need to be in this 'containers' folder for defining two containers. Is it:
  • 2 HTML files (one for each container)
  • 2 CSS files (one for each container)
  • 2 XML files (one for each container) or should it be just one XML file 'used' by both containers?
But what I haven't worked out is how, when it unzips the 'containers' folder, does DNN 'know' what CSS file goes with what HTML file to define each container? Are the CSS file and HTML 'defining' a single container meant to be given the same file name (containerXYZ.htm & containerXYZ.css) for this purpose?

Or is there something completely different I am meant to be doing? All advice and guidance will be greatly appreciated.

Eoghano


 
New Post
11/22/2006 9:26 PM
 

I've got a brief article that explains how the hierarchy for CSS works it's here - Because of the flexibility for skinning it allows you, to specify elements, right down to container level.  So yes - as you package the skins and containers as long as there is a filename.htm and filename.css it will be read.

You can also put them into a container CSS file but it's a little more complex, so generally for speed and ease I use the filename.ascx and filename.css method which you described.

In short that's what the skinning engine does - it reads those files and knows how to interpret them.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
11/23/2006 1:20 AM
 
Thanks for the prompt reply Nina. The article and your explanations have been helpful. Two more quick questions:

  1. Am I right that when 'panel level skinning', if you have two containers in the 'containers' folder of the skin package that both containers 'use' the same XML file? Or should be two different container XML files? Or can it be one or two XML files? If it can be either when is one XML file recommended and when two?
  2. When in your reply you recommend using filename.ascx and filename.css method are you talking about the contents of the 'skins' folder and not the contents of the 'containers' folder? I want to have 2 different containers with two different styles so I was thinking I would be obliged to use two different containers.css file, each defining the styles of one container? Is this the way to go or should I avoid this as it is, to use your words, 'a little more complex'?
Thanks again for this help, I am convinced that pane level skinning will be a very powerful feature once I have it cracked.

Eoghano


 
New Post
11/24/2006 3:07 AM
 
eoghano wrote

  • 2 HTML files (one for each container)
  • 2 CSS files (one for each container)
  • 2 XML files (one for each container)

Good to see people still wanting to do this :)

You've understood it right and like Nina says, DNN takes care of it when it parses the skins upon upload. Once you've done it like that, then you can take a variety of shortcuts depending on how independent you need the containers to be from the skin. If they are not independent then you can simply place all of the container css into your skin.css and not have it seperate at all. It' saves on a lot of duplicate stuff.

As a tip, when you're creating your skin and containers in your wyysiwyg editor, add a link to join each htm file to its relevant css file: <link rel="stylesheet" type="text/css" href="name-here.css">

This lets you edit and preview the file with styles in place. However, if you forget to remove the link before packing and uploading the file, then your portal will load the css files twice.

Get back here if you have any trouble.

Regards,
Rob

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Pane level skinning - creating containersPane level skinning - creating containers


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out