1,804 articles and 15,137 comments as of Sunday, May 15th, 2011

EndUserSharePoint has combined resources with NothingButSharePoint.com. You can now find End User (Mark Miller), Developer (Jeremy Thake) and IT Pro SharePoint content all in one place!

This site is a historical archive and is no longer being updated. Please update your favorites, bookmarks and RSS feeds.

NothingButSharePoint.com
Monday, March 23, 2009

JQuery for Everyone: Evolution of the Preview

I receive a lot of great feedback from posting my code samples on EndUserSharePoint.com. The kudos and encouragement give me the energy to tackle new ideas and while responding to questions about some of my earliest examples.

For instance, the Preview Pane was a big hit. People loved hovering over something and watching the page change. But then the feedback came: it works too fast, it doesn’t work with this, it’s too big, where’s the toolbar… All perfectly valid but sometimes too much to swallow at first.

My skills are catching up with your requests. To demonstrate what I’m working on, below is a thumbnail screencast to fit in the blog window. The full size view is much better, however.

View Full Sized Screencast

View all entries in this series: PaulGrenier-JQuery for Everyone»
Entries in this series:
  1. JQuery for Everyone: Accordion Left Nav
  2. JQuery for Everyone: Print (Any) Web Part
  3. JQuery for Everyone: HTML Calculated Column
  4. JQuery for Everyone: Dressing-up Links Pt1
  5. JQuery for Everyone: Dressing-up Links Pt2
  6. JQuery for Everyone: Dressing-up Links Pt3
  7. JQuery for Everyone: Cleaning Windows Pt1
  8. JQuery for Everyone: Cleaning Windows Pt2
  9. JQuery for Everyone: Fixing the Gantt View
  10. JQuery for Everyone: Dynamically Sizing Excel Web Parts
  11. JQuery for Everyone: Manually Resizing Web Parts
  12. JQuery for Everyone: Total Calculated Columns
  13. JQuery for Everyone: Total of Time Differences
  14. JQuery for Everyone: Fixing Configured Web Part Height
  15. JQuery for Everyone: Expand/Collapse All Groups
  16. JQuery for Everyone: Preview Pane for Multiple Lists
  17. JQuery for Everyone: Preview Pane for Calendar View
  18. JQuery for Everyone: Degrading Dynamic Script Loader
  19. JQuery for Everyone: Force Checkout
  20. JQuery for Everyone: Replacing [Today]
  21. JQuery for Everyone: Whether They Want It Or Not
  22. JQuery for Everyone: Linking the Attachment Icon
  23. JQuery for Everyone: Aspect-Oriented Programming with jQuery
  24. JQuery for Everyone: AOP in Action - loadTip Gone Wild
  25. JQuery for Everyone: Wiki Outbound Links
  26. JQuery for Everyone: Collapse Text in List View
  27. JQuery for Everyone: AOP in Action - Clone List Header
  28. JQuery for Everyone: $.grep and calcHTML Revisited
  29. JQuery for Everyone: Evolution of the Preview
  30. JQuery for Everyone: Create a Client-Side Object Model
  31. JQuery for Everyone: Print (Any) Web Part(s) Plugin
  32. JQuery for Everyone: Minimal AOP and Elegant Modularity
  33. JQuery for Everyone: Cookies and Plugins
  34. JQuery for Everyone: Live Events vs. AOP
  35. JQuery for Everyone: Live Preview Pane
  36. JQuery for Everyone: Pre-populate Form Fields
  37. JQuery for Everyone: Get XML List Data with OWSSVR.DLL (RPC)
  38. Use Firebug in IE
  39. JQuery for Everyone: Extending OWS API for Calculated Columns
  40. JQuery for Everyone: Accordion Left-nav with Cookies Speed Test
  41. JQuery for Everyone: Email a List of People with OWS
  42. JQuery for Everyone: Faster than Document.Ready
  43. jQuery for Everyone: Collapse or Prepopulate Form Fields
  44. jQuery for Everyone: Hourly Summary Web Part
  45. jQuery for Everyone: "Read More..." On a Blog Site
  46. jQuery for Everyone: Slick Speed Test
  47. jQuery for Everyone: The SharePoint Game Changer
  48. JQuery For Everyone: Live LoadTip
 

Please Join the Discussion

13 Responses to “JQuery for Everyone: Evolution of the Preview”
  1. Mick Brown says:

    Paul, some great developments on the preview pane. I’m really pleased to see what little overhead they place on the site i.e. only firing back to the server on new content. I really like using this webpart side by side with a calendar, allows a user to hover all over multiple events without drilling into them. Believe me, in a busy firm with many calendar events in month or week views the people love this. To get the most out of this approach its better to hide the quick launch (but that can sometimes confuse people!). The change you made to limit the width in the label column is really going to help me. thanks!

  2. John says:

    Is this code availabe? Several of my users have shared similiar comments about extending the functionality. The changes you showcased in the video look awesome.

  3. Chris says:

    Can’t wait to try it out!

  4. Tim Pohlad says:

    Paul,

    I am not a site developer, just a business owner that is on a budget that is doing my site development myself (gets a little busy at times!). I can’t thank you enough for publishing your series, it has helped me so much in developing my SharePoint site.

    Quick question on the evolution of the preview pane:

    I have recently finished setting up the document libraries in the site to work with Colligo for sharepoint.

    when E-mails are stored on the sharepoint site, i can’t seem to figure out how to preview the message within outlook like when its located directly in my mailbox.

    Likewise, on the sharepoint site itself – I can’t figure out how to preview the stored e-mail message either without opening it.

    Could your preview pane be configured to display .msg files stored in a sharepoint list.

    It probably displays the metadata right now – but man it would be a real boost when going through a document library full of e-mails if you could hover over the item and get a preview in sharepoint of the body like you get in outlook and then click to open in when you find the one you were looking for!

    Like I said, I’m not a developer so I’m probably being too optimistic with this request but its worth a shot!

  5. AutoSponge says:

    @Tim,

    That would be really nice. Office Live has this type of preview for Office docs, I think it’s coming with the next version of SP, but I don’t have an OOB solution for it right now.

  6. AutoSponge says:

    @John,

    I’ll make it available soon. I’m still working out some kinks with IE and trying to optimize the process of binding the mouseover events.

    Let me know if you’ve discussed something I didn’t cover.

  7. Mehul Bhuva says:

    An awesome website displaying JQuery capabilities:
    http://www.mindflextraining.com

    It has been built purely on PHP and JQuery…Slick navigation…

  8. ramana says:

    hi,
    I am also looking for email preview solution.

    One more issue (may be not related to this article), when I enable email to my document library, all mails are getting stored as .eml files. how to store them as .msg files?

    Regards,
    Ramana

  9. AutoSponge says:

    @Ramana,

    This script does not preview files, it only loads and displays portions of .aspx files like DispForm.aspx, userdisp.aspx, etc.

    I don’t have an email-enabled environment to test with, but I’m confident you can use this to display the email’s metadata.

  10. Parth says:

    Hi Paul,
    I have a requirement on which i am suppose to show the SP List Details on the discussion baord Item.
    Lets say i have created an item in SP List automatically an item should start Discussion (Which I may do with the Workflow) Now the part i am not able to understand is how can i show the details of my SP List in the discussions.
    Do you have any suggestions???
    Thanks
    Parth

Trackbacks

Check out what others are saying about this post...



Notify me of comments to this article:


Speak and you will be heard.

We check comments hourly.
If you want a pic to show with your comment, go get a gravatar!