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, ...How can I make the content container a fixed size?How can I make the content container a fixed size?
Previous
 
Next
New Post
3/26/2008 5:53 PM
 

Hello all,

      I am new to dnn 4.0 but have been trying to learn as much as I can! If I could find a few answers to these problems it would be very much appreciated! I was wondering if I am only using one content pane as the main center piece of the pages that make up the site, how can I make the size of the container a "fixed" size and not scale? Basically when you put content into a container that is larger than the normal screen viewing size, the user would have to scroll down to view the lower content due to the container "auto scaling" to a larger size, which in turn results in the navigaion menu bar not being viewable without scrolling back up to the top of the page. The client wants to have the nav. menu visable at all times or somehow be able to scroll with dynamic position when the user scrolls down to view the lower content (i.e. floating dhtml/javascript style menus) I am a newbie to this and any infomation would be greatly appreciated! Thank you!    -=SiliconSlick=-

 
New Post
3/27/2008 9:20 AM
 

Hello SiliconSlick

You might try using css and setting a specific height and width of the content pane and add and overflow auto element e.g.:

#mainContent {height: 500px; width: 500px; overflow: auto; }

That way if the content is more than the defined size a scroll bar will be displayed to suit the exact height and width.

Lynn


www.seemalta.net
 
New Post
3/28/2008 12:56 PM
 

Thanks Lynn!

      Thank you for your response but as I mentioned previously that I am a noobie with dnn 4.0.  I am not quite shure where to insert the code that you have provided in your reply.  Which file should I insert it into and where? Should I edit skin.css or another file and how can I get the css code to propogate to every content container in the site? Thanks again for your help.  I am really looking forward to getting past this small hurdle. -=SiliconSlick=-

 
New Post
3/30/2008 6:16 AM
 

Hello SiliconSlick

In your skin.css file add this css style, you can name it whatever you like and change the height and width properties to suit.

#mainContent {height: 500px; width: 500px; overflow: auto; }

 

In the folder containing your skin files you will see a Blue.ascx, MySitePage.html or MySitePage.ascx  or whatever the name of the skin that you intend to use.

Open the MySkin.ascx file with Dreamweaver, notepad or any similar editing and you should see:

<div id="contentpane" runat="server" visible="false" ></div>

Add the css ID to the around the main content pane:

<div id="mainContent"> 

<div id="contentpane" runat="server" visible="false" ></div>

<div>

You will need to do this on each of the skin files in your folder.

 

Alternatively you can style the  ID of the content pane directly and you will not need to add the surrounding DIV tags, as this will effect all your skin files. In your skin.css file add this:

#dnn_contentpane {height: 500px; width: 500px; overflow: auto; }


I hope that is a bit clearer.  If you want to learn more about skinning the link below has some very good tutorials:

www.dnncreative.com

Lynn

 

 


www.seemalta.net
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How can I make the content container a fixed size?How can I make the content container a fixed size?


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