michaelsoriano / sp-bootstrap-list-viewer

A JavaScript plugin that will create a custom view for your SharePoint list. Complete with filtering and pagination. Requires SPServices, jQuery and Bootstrap

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ARCHIVED / DISCONTINUED

I've decided to discontinue the development of this plugin to concentrate my efforts on other projects.

sp-bootstrap-list-viewer

A Javascript plugin that will create a custom view for your SharePoint list. Complete with filtering and pagination.

Note that this will require the following files:

  • jquery.min.js
  • jquery.SPServices-2014.02.min.js
  • bootstrap.min.css

This plugin will include the above files via CDN

####How to use the plugin:

Note that I've only tested this with SharePoint 2013. You may need administrator rights to your website, as well as you should know how to work with custom lists and document libraries and such.

After you have downloaded the files, open the "sp-bootstrap-list-viewer.html" in you text editor.

Change the "CHANGE-TO-YOUR-PATH" in the script and css tags - to reflect your downloaded path.

This is where you will add the plugin information. You basically need to add 2 things: the list name, the "Answer" column. The rest of the options are optional such as the "filterBy" and "rowLimit". The table below will show you want the rest of the options do.

alt tag

Once you have edited the html file, upload it to a location in your SharePoint site, typically a document library. You will need to copy the location of the file.

alt tag

Let's go ahead and add a CEWP into your SharePoint page. in the "Content Link" input, add the location of the html file you've just uploaded.

alt tag

Click "OK" and if everything is configured correctly, you should see the plugin do its thing:

alt tag

The table below contains the options for the plugin and an explanation of what they're for:

Option name Default Value Required? Description
instance Random Value Yes Used as the "Id" of your plugin
listName none Yes Name of the SP list
question Title Yes Title of the row
answer none Yes Body of the row
filterBy none No Category column to filter rows
rowLimit 5 No Number of rows to show

For more details on how the plugin works, see my post: http://michaelsoriano.com/sharepoint-bootstrap-using-spservices-and-jquery/

THIS SOFTWARE IS PROVIDED "AS IS" AND ANY EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

About

A JavaScript plugin that will create a custom view for your SharePoint list. Complete with filtering and pagination. Requires SPServices, jQuery and Bootstrap


Languages

Language:JavaScript 83.4%Language:CSS 12.6%Language:HTML 3.9%