You need to Register for free and Login to post a message in the forum.

Forum

Forums > Users Lounge > DNN Creative Articles
Subject: ASCX Skinning 1pane not quite working
Prev Next
You are not authorized to post a reply.

Author Messages
Dave Hassall
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:37
11 Jul 2009 10:44 AM  

Hi

I have spent the afternoon gong through the videos for ASCX skinning, really good and well paced.

 

However when going to the 1 pane option I don’t quite get the same result. To check the 1pane_main.css was working I made some dramatic changes.

 

#content1pane

{

      width: 99%;

      background-color: Fuchsia;

      font-style:italic;

      color:Lime;

}
 

But the page does not display these setting. The content span the width but I am not convinced it’s because of this CSS file.

 

Looked at it through Firefox and Web Developer Tool and it says the CSS is loaded and it does contain the details above.

 

Could you advise what the issue could be.

 

Also as a future idea could you make dramtic changes, as above, to show a facility is working

Many thanks

Dave
Dave Hassall
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:37
11 Jul 2009 11:08 AM  

 

Hi

 

More info

 

I played with the skin.css and have discovered that it is in fact the #dnn_contentpane that is driving the content of this area.

 

I tried a #dnn_content1pane in the 1pane_main.css but to no avail.

 

I am assuming that something is needed to get the 1pane_main.css to overrule the skin.css

 

Firefox web developer tool has the tabs in the following order

 

Default.css, skin.css, 1pane_main.css, container.css


I need to review that article about the tool to see if there is any significants to this
 

Regards

 

Dave

 

 
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5307
13 Jul 2009 11:12 AM  
Hello,

The class is working correctly, but the background color section of it has no effect because it is being overridden by a different class.

Try this:

#content1pane
{
    width: 100%;
    border: 1px solid red;
}

You will see the width does work correctly and a red border displays.

If you add:

#content1pane
{
    width: 100%;
    border: 1px solid red;
background-color: grey;
}

This does not work. Now look at the skin.css file and the

#dnn_contentpane
{
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

This code is specifically targeting the main content pane that DotNetNuke creates and so it is overriding the background color specified in the #content1pane id.

If you remove the background color for #dnn_contentpane you will see the grey background now displays for the content1pane.

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Dave Hassall
DNN Creative Magazine Subscriber
Nuke Active Member
Nuke Active Member
Posts:37
14 Jul 2009 4:32 AM  
Hi Lee

Thanks

It's working - but more importantly because it didn't quite work for me this extra info has enhanced the learning experience.

Thanks

Dave
You are not authorized to post a reply.
Forums > Users Lounge > DNN Creative Articles > ASCX Skinning 1pane not quite working


ActiveForums 3.7

Latest Forum Posts

Folder permissions by saintX
Hello, Can I set the folder permissions on the remote server myself using DW or WVD? If possi...
RE: How to do links? by Guy..L
It's really hard to tell quite how awesome DNN Nav v2 is given the documentation and search results ...
Regarding Editor by prithviraj
Pls let me know whar folders we need to upload when we are changing editors. Suppose i have cute edi...
RE: Change Registration Redirect? by leesykes
It would be best to use Dynamic Registration to avoid 2 registrations.With Dynamic Registration you ...
Indexing DNN pages by Google by Jake Vizner
I have two different DNN web sites. Using Google Webmaster Tools I can see the Google indexed 12 out...
Query Regarding RAD EDitor by prithviraj
Hi, I'm using R.A.D editor in my site. At the time of adding images through the editor I'm unabl...
RE: while installing bulk emailer module in my website by jncraig
Yes, this definitely is a file permissions issue. The default ASP.NET worker task needs to have ful...
RE: Background Music by jncraig
That will work.
RE: Auto create pages and content by dhassall
Hi Joe DNN Out of the box version 4.9 Login as Host with Firefox to create and IE8 to monitor, CTR...
RE: while installing bulk emailer module in my website by dub
Agiline, We have seen this problem before. It is caused by the Security on IIS. Please have a loo...
RE: Change Registration Redirect? by ollep
Probably still want to do it with Dynamic Forms now.My reason for changing (except from getting Aweb...
RE: Change Registration Redirect? by ollep
YES!http://www.dnncreative.com/Subscribe/tabid/81/Default.aspx
RE: Change Registration Redirect? by ollep
Yes I noticed that we where talking about 2 different Modules as soon as I dug into the tutorials.Ab...
RE: Change Registration Redirect? by leesykes
If you are check out the links that I have placed in there:http://www.dnncreative.com/Subscribe/tabi...
RE: Change Registration Redirect? by leesykes
Are you referring to when subscribing there is a link to register and after they register it sends t...
RE: Change Registration Redirect? by leesykes
The method I use on here for managing my email list is complicated and involves SQL queries, it is b...
Ecommerce module needed by vishalranaut
Infyecommerce is providing ecommerce packages for the clients to develop their ecommerce sites.They ...
RE: DS Dynamic Forms / AWeber by leesykes
If you are getting time out issues when installing I would use the auto install method by using FTP,...
RE: Change Registration Redirect? by ollep
Oooops Helps reading your responses before posting here Lee. I referred to Issue 40 / 41 and ...
DS Dynamic Forms / AWeber by ollep
Thanks for a great Tutorial Lee!  - As usual.(I still can't install the module in Firefox though, Fi...
AppTheory
RSS Feeds