Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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, ...Full width layoutFull width layout
Previous
 
Next
New Post
2/1/2012 9:17 AM
 
matt buk


Joined: 2/1/2012
Posts: 3

Hello,

 im brand new to DNN - and have just downloaded this morning. Ive managed to get to grips with the creating a new site and pages part, but Im struggling in trying to get my site to be a 100% width / full page width .

 Is it possible to do this through the HOST or ADMIN pages/options? If so can someone point me in the right direction.

 Im trying to end up with a header, a left and right column that wont change much, and then a central content.area - all of this filling the whole page.

 I wanted to change the default layout/template just to see how it works , but cannot for the life of me work it out. Ive been googling this for the past few hours.

 

Thankyou,

 

Matt
 
New Post
2/1/2012 10:29 AM
 
Clint Patterson


Joined: 5/26/2009
Posts: 366

Matt,

Welcome to DotNetNuke! You should be able to control the page width in the "skin" file for your site. The skins should be located in the "Portals/_default/Skins" folder (if they were uploaded by the host).  You can modify the CSS properties & layout of the site in the files in the skin folder.

If you're using the default skin of "DarkKnight" check the skin.css file and look for  & edit this property (line 38):
    #Panes{width:960px;margin:auto;}

There are specifications for several widths in the skin.css that you can alter.

Another good place to look for info is in the video section of this site ...check the "skinning" videos - http://www.dotnetnuke.com/Resources/V... 

Keep us posted on your progress,
 
New Post
2/1/2012 10:35 AM
 
matt buk


Joined: 2/1/2012
Posts: 3
Thanks Clint. Im going to go and try this now. I'll let you know how i get on
 
New Post
2/1/2012 10:43 AM
 
matt buk


Joined: 2/1/2012
Posts: 3
Wow that worked straight away for the layout!! Now I want to use the 3 column layout - so im presuming that its the following that i change to fit the "full width" style i want.

#DNN6.ThreeCol #dnn_LeftPane{float:left;width:180px;margin:0 30px 0 0;}
#DNN6.ThreeCol #dnn_CenterPane{float:left;width:470px;margin:0 30px 0 0;}
#DNN6.ThreeCol #dnn_RightPane{float:left;width:250px;}

Is there a standard template for fluid centre but fixed sides? or is it a case of experimenting?

thanks again!
 
New Post
2/1/2012 1:26 PM
 
Clint Patterson


Joined: 5/26/2009
Posts: 366
Great! Glad you got it to work and are making progress!

I think you may be able to achieve that by setting your right & left pane widths to a specific pixel size, then set the center pane to 100% so that it would fill up as much space as possible in the browser. Though it would probably be best (for a fluid layout) to set all panes as percentages. Say left pane 20% center pane 60% and right pane 20%. If percentages don't work try setting them via "ems".

Here again, I've never attempted a layout like this so my suggestions may not work correctly.
 
 Page 1 of 4
1234Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Full width layoutFull width layout


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