Skip to main content
Kinetic Community

Include JavaScript and CSS

In the layouts folder select layout.jsp. Include any needed js files between the <bundle:scriptpack> tags. (Make sure that the file paths and names are correct for your specific bundle.  The variable ${bundle.location} will get the file path up to the name of the bundle.)

<bundle:script src="${bundle.location}/libraries/jquery-datatables/media/js/jquery.dataTables.js" />
<bundle:script src="${bundle.location}/libraries/jquery-datatables/extensions/Responsive/js/dataTables.responsive.js" />
<bundle:script src="${bundle.location}/libraries/kd-search/search.js" />
<bundle:script src="${bundle.location}/js/searchConfig.js" />
 
Include the code below between the <bundle:stylepack> tags. (Make sure that the file paths and names are correct for your specific bundle.  The variable ${bundle.location} will get the file path up to the name of the bundle.)
<bundle:style src="${bundle.location}/libraries/jquery-datatables/media/css/jquery.dataTables.css" />
<bundle:style src="${bundle.location}/libraries/jquery-datatables/extensions/Responsive/css/responsive.dataTables.css" />
 
Kinetic Data recommends that a folder is created called "libraries" that is located in the bundle directory.  All third party js, css, ect... should be placed in this folder. 

 If configured according to the instructions above KDSearch can be leveraged across the bundle. Then a form that will use the search function can be made.