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, ...Need 16 to 20 column Bootstrap settingNeed 16 to 20 column Bootstrap setting
Previous
 
Next
New Post
6/10/2017 4:01 PM
 

Hello,

Since integrating bootstrap and jQuery into the core of DNN, the files to change certain defaults are not accessible.  At least I don't find them in my module project.

Basics: DNN 8.0.4, Windows 10 Pro, VS 2015, using DAL2 MVC module template from Chris Hammond.

I have a use case where I need 14 columns, not 12.  Setting this where the Bootstrap files are accessible is trivial.  But where to I get at them in DNN?

I'll need to reconfigure the file that has the 12 column defaults to something like this.  Where does it live?

My guess is I'll have to modify a core solution file and overwrite something in my project or in the website where it's installed.

Thanks in advance for any suggestions.

16 Grid system with Gutter
@gridColumns: 16
@gridColumnWidth: 45px
@gridGutterWidth: 15px
@gridColumnWidth1200: 52.5px
@gridGutterWidth1200: 22.5px
@gridColumnWidth768: 31.5px
@gridGutterWidth768: 15px

16 Grid system without Gutter
@gridColumns: 16
@gridColumnWidth: 60px
@gridGutterWidth: 0px
@gridColumnWidth1200: 75px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 46.5px
@gridGutterWidth768: 0px
 
New Post
6/11/2017 8:33 PM
Accepted Answer 

Got with a friend who clarified why this can't be done. :)

I'm a code behind, database guy.  Not a skinning guy.

Turns out 12 columns is tightly tied to the skin so this can't be done easily as every skin connected would have to be revised to allow more than 12 columns.

I'll close this out

 
New Post
6/12/2017 8:17 AM
 
Michael Durthaler wrote:

Got with a friend who clarified why this can't be done. :)

I'm a code behind, database guy.  Not a skinning guy.

Turns out 12 columns is tightly tied to the skin so this can't be done easily as every skin connected would have to be revised to allow more than 12 columns.

I'll close this out

You can do this, I have done it too.
You should not change the core bootstrap as that willl be overwritten on every update.

go to : http://getbootstrap.com/customize/

Select only the grid.
Now prepend all exported classes with .c20

Like this:

.c20 .col-lg-1
.c20 .col-lg-2
...
{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

 

You can obviously also parse the less files yourself.

Now wrap any place you need the 20 cols in a div with class .c20

You can still get some conflicts, but in many cases you can get around the issue this way.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Need 16 to 20 column Bootstrap settingNeed 16 to 20 column Bootstrap setting


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.

Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out