Here is a lightbox developed by SharePoint and Knockout integration.

Final Output

SharePoint Knockout Lightbox
SharePoint Knockout Lightbox

HTML Markup

Gallery View Model

I have used JavaScript modular approach. Here is Gallery View Model JavaScript code snippet

ServerHub Module

I have placed all my server side calls in separate JavaScript file called serverhub.js.   In serverhub.js I am making calls to reterive data from SharePoint and pass this data back to my view model.

This is a basic example of using knockout with SharePoint. Code is self explanatory but if you have any question then please do get in touch. Happy knocking out.

About The Author

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">