Automagically prefixing id's with dnn

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

Home

Using DNN Platf...

Skins, Themes, ...

Automagically prefixing id's with dnn_

10/29/2007 3:52 PM

toadkicker

Joined: 7/28/2007

Posts: 31

Automagically prefixing id's with dnn_

I haven't been able to find an answer anywhere else for this so here I am. I'm hoping someone out there knows about this behavior and the correct way to fix it.

I've created my own skin (first one too!) and it was running fine when for no reason I understand my content, left, and right panes started getting their CSS id's prefixed with dnn_ causing these rules to be skipped. If anyone could either point me to a resource that explains this behavior or could tell me what I need to correct that would be awesome!

Below is my layout code and css rules:

<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BANNER" Src="~/Admin/Skins/banner.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="DOTNETNUKE" Src="~/Admin/Skins/DotNetNuke.ascx" %>
<%
    If Not DotNetNuke.Security.Permissions.TabPermissionController.HasTabPermission("EDIT") Then
        ControlPanel.visible = false
    End If
%>
<script runat="server">
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
   Dim skinDocType as Control = Me.Page.FindControl("skinDocType")
   If Not skinDocType is Nothing
      CType(skinDocType, System.Web.UI.WebControls.Literal).Text="<!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Strict//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"">"
   End If
    End Sub
</script>
<div id="pagewidth" >
    <div id="ControlPanel" runat="server" />
    <div id="header" >
        <div id="tgi_search">
               <dnn:SEARCH id="dnnSEARCH" showWeb="False" showSite="False" runat="Server" /><br /><dnn:LOGIN id="dnnLOGIN" runat="server" />
           </div>

        <div class="left_banner">
            <div id="logo"><img src="logo_white.png" runat="server" alt="Governance Institute" /></div>
        </div>
       </div>
    <div id="navbar" class="main_dnnmenu_rootitem">
        <dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" CSSControl="main_dnnmenu_bar" CSSContainerRoot="main_dnnmenu_container" CSSNode="main_dnnmenu_item" CSSNodeRoot="main_dnnmenu_rootitem" CSSIcon="main_dnnmenu_icon" CSSContainerSub="main_dnnmenu_submenu" CSSBreak="main_dnnmenu_break" CSSNodeHover="main_dnnmenu_itemhover" NodeLeftHTMLBreadCrumbRoot="<img alt="*" BORDER="0" src="breadcrumb.gif"/>" />
    </div>
    <div id="content_wrapper">
        <div id="wrapper" class="clearfix" >
            <div id="toppane" runat="server" />
            <div id="twocols" class="clearfix">
                <div id="contentpane" runat="server" />
                <div id="rightpane" runat="server" />
            </div>
            <div id="leftpane" runat="server" />
        </div>
        <div class="footer_wrapper" >
            <div id="bottompane" runat="server" style="color: White; vertical-align: top; text-align: left; padding: 10px;" >©The Governance Institute, 2007. About Us | Contact Us
            </div>
            <div id="footer" runat="server"></div>
        </div>
    </div>
html, body{
margin:0;
padding:0;
background: url("bg.jpg");
background-repeat: repeat-x;
}
#wrapper
{
    width: 975px;
    background: url("shadow3.gif");
    background-repeat: repeat-y;
    z-index: 4;
    padding: 10px;
}

#pagewidth{
width:985px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header{
position:relative;
background: url("header_bg.gif");
height:96px;
top: 20px;
width:985px;
}

#logo
{
    position: relative;
    float: left;
    padding: 15px;
    height: 63px;
    display: inline-block;
    z-index: 3;
}
#dnn_LoginPane {
position: relative;
height: 185px;
top: 15%;
z-index: 4;
float: left;
width: 200px;
}

#content_wrapper{
width: 979px;
position: relative;
top: 1.2em;
}
.right_banner
{
    position: absolute;
    float: right;
    height: 292px;
    width: 705px;
    top: 5%;
    left: 240px;
    overflow: hidden;
    z-index: 1;
}

#navbar{
position: relative;
height: 30px;
width: 985px;
top: .8em;
background: url(navbar_bg.gif);
background-repeat: no-repeat;
font-size: 24px;
font-family: Times, sans-serif;
word-spacing: 15px;
color: #FFFFFF;
}

#tgi_search
{
       position: relative;
    top: 10px;
    left: -30px;
    float: right;
       width: 180px;
       z-index: 4;
}
#toppane
{
position: relative;
height: auto;
width: 80%;
z-index: 4;
}

#maincol {
float: left;
display:inline;
position: relative;
width:66%;
}

#leftpane{
width: 180px;
float: left;
position:relative;
display: inline;
}

#twocols{
width: 650px;
height: auto;
float: right;
left: -60px;
position:relative;
}

#contentpane
{
position: relative;
float: left;
width: 470px;
}

#middlepane /*This is only for the pages who need no left or right panes*/
{
    position: relative;
    height: auto;
    width: 80%;
}
#rightpane{
width:180px;
float:right;
position:relative;
}

.footer_wrapper
{
    position: absolute;
    width: 100%;
    height: 41px;
    z-index: 4;
    background: url("footer_shadow.gif");
    background-repeat: no-repeat;
}
#bottompane {
    clear: both;
}

#footer
{
position: relative;
z-index: 4;
}

#breadcrumb
{
        position: relative;
        width: auto;
        clear: both;
        top: 235px;
}

.controlpanel {
    width: 100%;
    background-color: #fefefe;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftpane{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

10/29/2007 5:26 PM

Will Strohl

https://upendoventures.com
Joined: 3/1/2005

Posts: 2884

Re: Automagically prefixing id's with dnn_

If this is the way that your skin looks while you are working on it, I am guessing that you clicked the parse skin package link at some point. Doing so would replace your DIVs with the DNN server tag equivalents of the panes. Once again, this is only a guess.

Will Strohl

Upendo Ventures
DNN experts since 2003
Official provider of the Hotcakes Commerce Cloud and SLA support

10/29/2007 7:29 PM

toadkicker

Joined: 7/28/2007

Posts: 31

Re: Automagically prefixing id's with dnn_

I didn't import this skin

10/30/2007 4:47 AM

Timo Breumelhof

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

Posts: 4430

Re: Automagically prefixing id's with dnn_

Adding dnn_ to the panes' ID is normal DNN behavior.

The code you present is of an ascx file. It could be that you created an ASCX skin from scratch, but then normally the CSS wouldn't work, because DNN always adds dnn_

In an HTML skin it does work though.

What you can do is either change the Id's or you can add classes to the panes and use those, they will not change.

DNN websites, modules, skins, hosting and support

10/30/2007 7:03 PM

toadkicker

Joined: 7/28/2007

Posts: 31

Re: Automagically prefixing id's with dnn_

I tried changing the names and the site has crashed with The+Controls+collection+cannot+be+modified+because+the+control+contains+code+blocks in the URL. I assume this is because DNN requires at least ContentPane, correct?

Page 1 of 2

Home

Using DNN Platf...

Skins, Themes, ...

Automagically prefixing id's with dnn_

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)