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, ...Please Help with Javascript in Skin ProblemPlease Help with Javascript in Skin Problem
Previous
 
Next
New Post
1/29/2008 5:25 PM
 

Hi, I'm not very knowledgable of Javascript, so I'm trying to use a copy and paste solution with some code I found.

Basically, I have a 3 panel full CSS skin that I'm trying to get the columns to stretch properly and show the background color for the entire length instead of the background color ending after the content ends.

I'm using this Javascript at the end of my HTM file:

[script type="text/javascript" runat="server"]
function resize() {
var frame = document.getElementById("contentpane");
var htmlheight = document.body.parentNode.scrollheight;
var windowheight = window.innerheight;
if ( htmlheight < windowheight ) { document.body.style.height = windowheight + "px"; frame.style.height = windowheight + "px"; }
else { document.body.style.height = htmlheight + "px"; frame.style.height = htmlheight + "px"; }
}
window.onload=resize;
window.onresize=resize;
[/script]

*Note that I replaced the greater than, less than symbols with brackets so it would show up in the forum correctly... I can't copy/paste into the rich text editor without running into all kinds of crazy formatting errors.

When I parse the package, I lose all the visual elements of my skin, but the content pane definititions stay correct. I get this message across the top of the IE7 browser:

Could Not Load Skin: /Portals/0/Skins/test_css/skin.ascx Error: D:\Inetpub\wwwroot\test\Portals\0\Skins\test_css\skin.ascx(41): error BC30205: End of statement expected.

Line 41 is the line that reads "function resize () {"

The Javascript works though, the panels resize properly... like I said, none of the visual elements of my skin is showing up though.

Any help would be greatly appreciated!

NOTE: I discovered that when I take out the runat="Server" part of the Script line, the visual elements of my skin show up, but the javascript doesn't work.

 
New Post
1/30/2008 3:39 AM
 

first of all

no runat=server thats only needed if you want to have vb or c code into it

also if you are trying to expand the contentpane this wont work because the id contentpane isnt in hth html anymore

the html returned is something like id="dnn_contentpane" you need to call the item that is around your contentpane div and then expand that one

 

another option is to use the faux column technique and have a 3 column background instead of trying it with javacript

 

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Please Help with Javascript in Skin ProblemPlease Help with Javascript in Skin Problem


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