SharePoint

Community reviewers needed for upcoming jQuery, JavaScript, and SharePoint book

I’m very excited to be one of nine great authors contributing to a new book on jQuery, JavaScript, and the SharePoint interface (we haven’t chosen a title for the book yet).  The idea is that these solutions should be so simple to implement that even your dog could do it.

OK, maybe not quite that easy.  But most of the solutions will be targeted towards site owners who have no advanced coding knowledge or access to Visual Studio.  If you have the proper permissions on a SharePoint site, you should be able to implement these solutions directly through the user interface.

The book is going to be self-published, meaning that we will not be going through a traditional publisher.  This has some advantages, however what we’ll be lacking are technical reviewers to test and review the solutions.  This is where the great SharePoint community comes in!  We are asking for volunteer public reviewers for each chapter.

Mark Miller of NothingButSharePoint.com is leading the charge and the nine authors who are contributing to this book are:

  •  Marc Anderson
  • Chris Beckett
  • Dave Coleman
  • Josh McCarty
  • Wendy Neal
  • Eric Overfield
  • Peter Serzo
  • Paul Tavares
  • Ben Tedder

My chapter abstract is listed below.  If you’d like to sign up to review my or any of the other authors’ chapters, go to our EventBrite page.  All other authors’ abstracts are listed on the EventBrite page as well.

——————————

Build a Content Slider Web Part: Dynamic Display of Pictures and Text

Take your SharePoint site from boring to awesome!  SharePoint has web parts for displaying data from lists and libraries such as the content query web part; however that can be static and dull.  To draw attention to your content you need something a little more exciting and eye-catching.  This is where a content slider web part can help.

You’ve seen them on all the popular blogs and websites – those fancy sliders that shuffle content or images in a slideshow format for visual effect.  This solution will demonstrate two different variations of a content slider web part that utilizes data from a SharePoint list using the AnythingSlider jQuery plugin and SPServices.

The first example is a slider that pulls data from a standard SharePoint announcements list.  This could be useful for a company online bulletin board.  The slider will display the announcement title, body, category, and author of those items that have not yet expired.  Clicking on the title in the slider will open up that announcement’s standard SharePoint view form so that you can see more details.

The second slider example rotates banners stored in an image library with a text overlay and a fade transition effect.  This would be great for an Intranet or team site home page to highlight special news items, blog posts, or any other content you wish to showcase.

Both of these solutions use the AnythingSlider jQuery plugin to render the slider and transition effects.  I chose AnythingSlider because of its flexibility and ease of use.  You can literally display any kind of content, including images, html, even videos.  The data displayed by the slider in both examples is retrieved using SPServices and the appropriate CAML query.

Possible Extensions:

  1. Explore some of the different AnythingSlider configuration options, such as auto play settings, delay time, button themes, navigation formatting, etc.
  2. Add additional cool features such as thumbnail navigation links and a lightbox popup to the image slider.
  3. Additional considerations can also be explored for SharePoint 2013; namely a different way of accessing the data using the REST API instead of SPServices
(Visited 79 time, 1 visit today)

6 Comments

Click here to post a comment

  • Hi Wendy, I think the Build this Slider Post is missing the code and or files to download.
    Is that on purpose or has something stripped them out?

    • Hi Brett, the code will be available in the book and the download files will be available once the book has been published. It is currently going through the editorial process and will be sent off to the printer soon.

  • Hello Wendy,

    Can you recommend a solution to jQuery version issues?

    I have purchased “Black Magic Solutions for White Hat SharePoint” and have gone through Part 1 of your chapter up to setting up the CEWP…Nothing displays. 🙁

    I expect it is due to the references to jQuery 1.6.2 and SPServices 0.6.2 I am referencing in my master page for menu navigation which I setup by following Peter Allen’s article “A Global Navigation Solution Across Site Collections “- Chapter 11 in SharePoint 2010 at Work — EUSP’s previous book.

    I have tried the menu navigation with the newer jQuery and SPServices in your project to no avail. I was unsuccessful getting your Slider project to work with the older versions of jQuery and SPServices.

    Any suggestions would be very much appreciated!
    PegH.

  • Wendy,

    I have removed all jquery references from my master page (so no navigation) and am only using the Part 1 Control Slider project. The ContentSlider.txt is referencing all of the .js, .css, .png files that are in the Utilities Document Library from your download library.

    Still no slider is displayed. I’m out of ideas.

    PegH.

  • Peggy, sorry I did not get back to you sooner on this, and I’m so happy that you got it working! For me I think it is more rewarding when I figure stuff out on my own 🙂

About Me

Wendy Neal

Wendy Neal

I am a .NET SharePoint Developer for DMI. I've worked with SharePoint since 2007. I love to share my passion for SharePoint and Office 365 by speaking at various industry and user group events, as well as writing articles for various publications and this blog.   Read More

TwitterCounter for @SharePointWendy
MCSA Office 365
Top 50 SharePoint Blogs

Buy My Book

Archives

  • 2017 (1)
  • 2016 (8)
  • 2015 (23)
  • 2014 (20)
  • 2013 (22)
  • 2012 (15)
  • 2011 (13)