Sliding Panels 2.0

  •  

Step 1: Insert jquery scripts into theme

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Step 2: Add NWS.Display.SlidingPanels.js into CommonScripts folder

Step 3: Define paramaters

  1. openButton: Optional. An element that will open the sliding panel when clicked. This can be a DOM element, a jQuery element, or a jQuery selector.
  2. closeButton: Optional. An element that will close the sliding panel when clicked. This can be a DOM element, a jQuery element, or a jQuery selector.
  3. panel: Optional. An element that is the sliding panel. This can be a DOM element, a jQuery element, or a jQuery selector.
  4. direction: left, right, up, down | Optional. The direction you want the panel to slide from

Step 4: Insert code into the init function

var modules = [  
   "/CommonScripts/Reflex_Scripts/NWS.Display.SlidingPanels.js",
];

var init = function() {
  NWS.Display.SlidingPanels.init({ panel: '.slidingPanel1', openButton: '.SlidingPanelButton1', closeButton: '.closePanel1' });
};


"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

 

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

 

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

 

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

© 2017 Northwoods - all rights reserved.
top