Tutorials?

Jun 29, 2009 at 9:53 AM

or any step by step....

Thanks!

Oct 20, 2010 at 12:48 AM
Edited Oct 20, 2010 at 1:05 AM

Installation

  1. Install/deploy the solution file to your target web application(s).
  2. Activate the feature for your target site.

Configuration [no paging]

  1. Edit a page and "Add a Web Part" to your preferred zone.
  2. Add the Extended Content Query Web Part and configure as per usual.
    • You can optionally set values for web part properties here which get injected into the WP definition at run-time. While a complete explanation of these are well beyond the scope of this post; it would be great to see synactic examples in the documentation.
    • *You can also specify the URL to any custom XSL styles you may have created.
  3. Click OK to apply changes.

Configuration [with paging]

  1. Follow steps 1-2 above.
  2. Under Presentation section, uncheck "Limit the number of items to display".
  3. Under Enhanced section:
    • Specify the number of "Items per page" you want to display.
    • Add the Query String Variable for paging - this can be anything! The Pager web part will pick these values up after you connect it.
  4. Click Apply to apply your change.
  5. Click "Add a Web Part" and add the CQWP Pager web part underneath your Extended CQWP.
  6. Set Chrome to None.
  7. Click Apply.
  8. Click the Edit menu on the Pager web part and select Connections -> Get Paging Data From -> [Your Extended CQWP]

You should now see a bullet list with hyperlinks to any subsequent pages.

Style Paging List

You may like to display the paging list horizontally through the creation of a CSS class. The XSL for the Pager web part display has a style of "pager" applied to the HTML for the unordered list. You can view this XSL under the Data view section in the settings.

Options:

  • Add the CSS to a CEWP on the same page.
  • Add the class to any CSS file that is referenced by the current masterpage.

The sample CSS below will give you an appearance similar to the paging links provided by List View web parts. If you were willing to custom the XSL template you could enhance this still further.

ul.pager {
	background:none repeat scroll 0 0 #EBF3FF;
	border-top:1px solid #83B0EC;
	list-style:none outside none;
	margin:0;
	padding:0.2em 0;
	width:100%;
}
ul.pager li {
	display:inline;
	margin:0.5em;
}
ul.pager li a {text-decoration: underline !important}

Hope that helps!

* I still can't work out how you are supposed to select your own custom Group or Item styles after providing links to the XSLTs.

Dec 22, 2010 at 11:32 AM
Edited Dec 22, 2010 at 11:33 AM

#1 in detail - so to add solution to your computer

stsadm -o addsolution -filename C:\Users\Administrator\Desktop\Imtech.SharePoint.ExtendedLookupFields.wsp

 

and then

stsadm -o deploysolution -name imtech.sharepoint.extendedlookupfields.wsp -local -allowgacdeployment -force

 

then go to your sharepoint site

Site settings > Site Features

 

and activate Feature, you just installed ;)

cheers