params.json

{"note":"Don't delete this file! It's used internally to help with page regeneration.","tagline":"","name":"Anilmaktala.github.com","google":"","body":"###Two Sided Multi Draggable Component\r\n\r\n\r\n###Contents\r\n* 1   About:\t1\r\n* 2   Description:\t1\r\n* 3   Frameworks used:\t1\r\n* 4   Features present:\t1\r\n* 5   How to integrate:\t2\r\n* 6   Attachments:\t2\r\n* 7   Screenshots:\t3\r\n\r\n###   About:\r\nThis document gives the information required to integrate the “Two Sided Multi Draggable Component” into the html with the help of attached .js and .css files.\r\n###   Description:\r\nTwo Sided Multi Draggable Component, as the name suggests, this component is used for dragging list of apps from one list to another in both directions.\r\n###   Frameworks used:\r\n* 1.\tjQuery JavaScript Library v1.8.3\r\n* 2.\tjQuery UI - v1.9.2\r\n###  Features present:\r\nFollowing are the features provided by this component:\r\n* 1.\tDrag single/Multiple apps from one list to another list.\r\n* 2.\tSelection of multiple list apps using ‘Ctrl+mouse click’ and ‘shift+mouse click’.\r\n* 3.\tRight and Left Arrow buttons to move single/multiple apps between the lists.\r\n* 4.\tUp and Down arrows for second list for moving the position of an app within the list.\r\n* 5.\tRestrict to maximum number of apps present in second list.\r\n\r\n###   How to integrate:\r\n* 1.\tInclude the .js and .css provided by this component.\r\n* 2.\tCreate a container HTML Div element in the html file where this component is to be used. For example:\r\n*         <div id=\" draggableContainer\"></div>\r\n* 3.\tCall the initialization method “multiDraggableComponent()” on this div with appropriate parameters. For example:\r\n*          document.getElementById('# draggableContainer).multiDraggableComponent({ availableApps: [], selectedApps: [], moveOptions: true/false, maxSelected: Number });\r\nThere are four parameters used while calling the method:\r\n* a.\tavailableApps: This represents array of apps that should be present on the left side list of the component. This doesn’t have any maximum number of apps limit.\r\n* b.\tselectedApps: This represents array of apps that should be present on the right side list of the component. This has maximum number of apps limitation.\r\n* c.\tmoveOptions: This boolean value represents the presence of Up and Down arrows that are used to move the app top or bottom in the same list.\r\n* d.\tmaxSelected: This integer value represents the maximum number of apps that should be present in the second list of apps.\r\n\r\n"}