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.
- JQuery for Everyone: Accordion Left Nav
- JQuery for Everyone: Print (Any) Web Part
- JQuery for Everyone: HTML Calculated Column
- JQuery for Everyone: Dressing-up Links Pt1
- JQuery for Everyone: Dressing-up Links Pt2
- JQuery for Everyone: Dressing-up Links Pt3
- JQuery for Everyone: Cleaning Windows Pt1
- JQuery for Everyone: Cleaning Windows Pt2
- JQuery for Everyone: Fixing the Gantt View
- JQuery for Everyone: Dynamically Sizing Excel Web Parts
- JQuery for Everyone: Manually Resizing Web Parts
- JQuery for Everyone: Total Calculated Columns
- JQuery for Everyone: Total of Time Differences
- JQuery for Everyone: Fixing Configured Web Part Height
- JQuery for Everyone: Expand/Collapse All Groups
- JQuery for Everyone: Preview Pane for Multiple Lists
- JQuery for Everyone: Preview Pane for Calendar View
- JQuery for Everyone: Degrading Dynamic Script Loader
- JQuery for Everyone: Force Checkout
- JQuery for Everyone: Replacing [Today]
- JQuery for Everyone: Whether They Want It Or Not
- JQuery for Everyone: Linking the Attachment Icon
- JQuery for Everyone: Aspect-Oriented Programming with jQuery
- JQuery for Everyone: AOP in Action - loadTip Gone Wild
- JQuery for Everyone: Wiki Outbound Links
- JQuery for Everyone: Collapse Text in List View
- JQuery for Everyone: AOP in Action - Clone List Header
- JQuery for Everyone: $.grep and calcHTML Revisited
- JQuery for Everyone: Evolution of the Preview
- JQuery for Everyone: Create a Client-Side Object Model
- JQuery for Everyone: Print (Any) Web Part(s) Plugin
- JQuery for Everyone: Minimal AOP and Elegant Modularity
- JQuery for Everyone: Cookies and Plugins
- JQuery for Everyone: Live Events vs. AOP
- JQuery for Everyone: Live Preview Pane
- JQuery for Everyone: Pre-populate Form Fields
- JQuery for Everyone: Get XML List Data with OWSSVR.DLL (RPC)
- Use Firebug in IE
- JQuery for Everyone: Extending OWS API for Calculated Columns
- JQuery for Everyone: Accordion Left-nav with Cookies Speed Test
- JQuery for Everyone: Email a List of People with OWS
- JQuery for Everyone: Faster than Document.Ready
- jQuery for Everyone: Collapse or Prepopulate Form Fields
- jQuery for Everyone: Hourly Summary Web Part
- jQuery for Everyone: "Read More..." On a Blog Site
- jQuery for Everyone: Slick Speed Test
- jQuery for Everyone: The SharePoint Game Changer
- JQuery For Everyone: Live LoadTip
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!
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.
Can’t wait to try it out!
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!
@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.
@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.
An awesome website displaying JQuery capabilities:
http://www.mindflextraining.com
It has been built purely on PHP and JQuery…Slick navigation…
cant wait
It’s up now. enjoy.
http://www.endusersharepoint.com/?p=1514
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
@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.
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