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

HomeHomeOur CommunityOur CommunityCommunity Membe...Community Membe...Introducing HammerFlex, a new open source skin for DNN using Bootstrap 3Introducing HammerFlex, a new open source skin for DNN using Bootstrap 3
Previous
 
Next
New Post
1/12/2014 6:53 PM
 

This weekend I released my latest DNN skin, HammerFlex, under the MIT open source license, you can read more about the release at 

http://www.chrishammond.com/blog/item...

See the Skin in action at http://www.chrishammond.com/

Fork the skin at https://github.com/ChrisHammond/Hamme...


Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
1/16/2014 11:48 AM
 

Chris, thank you for that excellent skin! I've already put it to work on two sites. Using Bootstrap 3 definitely solves the mobile device skin problem. I've forked your original HammerFlex skin out, and made a few changes:

https://github.com/LacodiaTech/Hammer...

Readme.md file:

Mark Garcia

About the LTFlex
Version 00.01.02
This is a fork of Chris Hammond's excellent HammerFlex skin built off of Bootstrap 3. LTFlex adds the following:

 

  • Working Carousel with PLACEHOLD.IT images on the Home.ascx. skin page.
  • Inside.ascx skin page without the Carousel.
  • Changes the navbar to a fixed top style.
  • Adds a HeaderPane below the navbar, and next to the logo.
  • Adds some javascript to the Home.ascx page so that the fixed top navbar will not interfere with the admin control panel.
  • Modifies and adds several containers, including a Header container for use in the HeaderPane.
  • See it in action at: http://oregonsouthfitnessclub.com/ .

Origninal HammerFlex Skin http://https://github.com/ChrisHammond/HammerFlex

Bug Fixes

  • None, first release
 
New Post
1/16/2014 2:20 PM
 
Mark,


Great work there, I was having trouble getting the fixed menu to work around the control panel, so I gave up and went with static :D Glad to see you got that working.

Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
2/12/2014 1:15 AM
 

New release (v00.01.01) out now

https://github.com/ChrisHammond/Hamme...

Fix image height bounce during carousel animation - Anthony Overkamp
Fixed load order of bootstrap.css to allow portal.css overrides - Chris Hammond
Added 10px margin-top to #Content to add space between navbar/carousel and module content - Chris Hammond
Adjusted CSS to force carousel images to 100% - Chris Hammond

Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
9/26/2014 8:00 AM
 
Hi Chris,

good job and thanks for sharing.
Here is my workaround for the fixed navbar problem.
Hope you´ll find these short lines useful.

the script:
    var moTtoggleButton;
    if(('#ControlEditPageMenu').length > 0 ) {  //  FOR CONTROLBAR DNN7 and up
            moTtoggleButton = '<ul class="dnnActions dnnClear">';
            moTtoggleButton += '<li class="moTtoggleButton"><a href="#" onclick="$(\'#ControlBar\').toggle();">toggle menu</a></li>';
            moTtoggleButton += '</ul>';

        $('#ControlBar_ControlPanel').before(moTtoggleButton)
    }
    if(('#dnnCPWrap').length > 0) { //  FOR RIBBONBAR
            moTtoggleButton = '<ul class="dnnActions dnnClear">';
            moTtoggleButton += '<li class="moTtoggleButton"><a href="#" onclick="$(\'#dnnCPWrap\').toggle();">toggle menu</a></li>';
            moTtoggleButton += '</ul>';

        $('#dnnCPWrap').before(moTtoggleButton)
    }
               
some styling:
    .moTtoggleButton{
        z-index: 10001 !important;
        background-color: #FFFFFF;
        position: absolute;
        top: 0;
        left:0;
    }
    .moTtoggleButton > a {
        display: inline-block;
        font-weight: 700;
        padding: 10px 15px;
    }
   
richard
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityCommunity Membe...Community Membe...Introducing HammerFlex, a new open source skin for DNN using Bootstrap 3Introducing HammerFlex, a new open source skin for DNN using Bootstrap 3


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