HTML Skin Development. How to "force"parser to includ

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

Home All Forums

1
2
3
4
5

HTML Skin Development. How to "force"parser to include javascripts and css files.

10/15/2011 6:09 AM

Krokonoster

Joined: 6/30/2011

Posts: 71

HTML Skin Development. How to "force"parser to include javascripts and css files.

Hi,

Since my Html/Css are much better than my asp.net (webforms that is) I figured I'll try develop html skins and let dnn parse it for me.

Having a bit of a hard time what I should do to have my css/js included.....the parser take everything away except the body....

Maybe the following will make it clearer why it's hard...it's a pretty complex html "template" (thing of beauty)

<!doctype html>
<html lang="en-us">
<head>
    <meta charset="utf-8">    
    <title>Krokonoster - First Skin</title>    
    <meta name="description" content="">
    <meta name="author" content="www.krokonoster.com">
    <!-- Google Font and style definitions -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,bold">
    <link rel="stylesheet" href="css/style.css">    
    <!-- include the skins (change to dark if you like) -->
    <link rel="stylesheet" href="css/light/theme.css" id="themestyle">
    <!-- <link rel="stylesheet" href="css/dark/theme.css" id="themestyle"> -->    
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css">
    <![endif]-->    
    <!-- Apple iOS and Android stuff -->
    <meta name="apple-mobile-web-app-capable" content="no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">    
    <!-- Apple iOS and Android stuff - don't remove! -->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1">    
    <!-- Use Google CDN for jQuery and jQuery UI -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>    
    <!-- some basic functions -->
    <script src="js/functions.js"></script>    
    <!-- combined Third Party and Whitelabel Plugins -->
    <script src="js/combined.js"></script>    
    <!-- configuration to overwrite settings -->
    <script src="js/config.js"></script>        
    <!-- the script which handles all the access to plugins etc... -->
    <script src="js/script.js"></script>
</head>
<body>
    <div id="ContentPane" runat="server" ></div>
</body>
</html>

10/15/2011 7:24 AM

Timo Breumelhof

www.40fingers.net
Joined: 2/9/2006

Posts: 4430

Re: HTML Skin Development. How to "force"parser to include javascripts and css files. Modified By Timo Breumelhof on 10/15/2011 7:25:04 AM

For the CSS you will have to stick this the DNN style sheet naming convention.
Meaning using a file called Skin.css for all your styles.

There is currently no default way to include JS files in the Head.
You an either move them just below de body tag ot use an extension I built for these kind of tasks:
http://www.40fingers.net/WeblogsNews/...
(or add .net code to your skin, but I'm guessing you don't want that)

BTW ASCX skinning is not more difficult then HTML skinning and it's much faster (you don't have to parse the skin)
(I suggest you parse what you have now and take a look at the generated ASCX file)
Some people will tell you HTML skinning is better, but you shouldn't believe them, it's not ;-)

DNN websites, modules, skins, hosting and support

Page 1 of 1

HTML Skin Development. How to "force"parser to include javascripts and css files.

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:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
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.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)