clinical:active-layout
Layout templates with keybindings and animations.
===============================
Installation
meteor add clinical:active-layout
===============================
Design Tutorial
See the tutorial to get started!
Designing a Card UI for Universal Apps
===============================
Configuration
1Meteor.startup(function (){ 2 ActiveLayout.configure({ 3 help: { 4 link: "/menu", 5 text: "Menu" 6 }, 7 classes: { 8 header: "", 9 title: "", 10 links: "" 11 }, 12 text: { 13 title: "", 14 logout: "Logout" 15 }, 16 fence: { 17 north: 50, 18 south: 0, 19 east: 270, 20 west: 270 21 }, 22 defaults: { 23 showNavbars: true, 24 showSidebar: true, 25 showSearchbar: false, 26 useHierarchicalLayout: false, 27 mainPanelIsCard: false, 28 wideCard: true, 29 useCardLayout: false, 30 hasPagePadding: false, 31 symmatricalPadding: false, 32 hasPageVerticalPadding: false, 33 useHorizontalFences: false, 34 useVerticalFences: true, 35 navIsFullscreen: true, 36 fullscreenNavbars: false, 37 fullscreen: false, 38 secondPanelEnabled: false, 39 appSurfaceOffset: true, 40 useEastFence: true, 41 pageWhite: true 42 } 43 }); 44});
1Router.configure({ 2 layoutTemplate: 'appLayout', 3 yieldTemplates: { 4 'sidebar': { 5 to: 'westPanel' 6 }, 7 'searchBar': { 8 to: 'globalInput' 9 }, 10 'configListModal': { 11 to: 'modalA' 12 } 13 } 14});
===============================
Default Properties
showNavbars Slide the NavbarHeader and NavbarFooter into the ViewPort and display their respective contents. This simply adjusts the top/bottom location of the navbars. If you don't want a navbars rendered at all, you can omit them from the Router map.
showSearchbar Slide the Searchbar into the ViewPort and display it's contents.
showSidebar Slide the WestPanel into the ViewPort and display it's contents. This simply adjusts the left location of the sidebar. If you don't want a sidebar rendered at all, you can omit it from the Router map.
useCardLayout Determines whether the navbar
useHierarchicalLayout: false, mainPanelIsCard: false, wideCard: true, hasPagePadding: false, symmatricalPadding: false, hasPageVerticalPadding: false, useHorizontalFences: true, useVerticalFences: false
===============================