XLV Strange HTML Behaviour With AJAX Options

I had to do a bit of digging around on my current project to help resolve a strange HTML issue we were having with the XSLT List View Web Part (XLV). In the end I tracked it down to the fact that if you have enabled the AJAX Options for the web part then the contents of a list are rendered differently!

This manifests itself in the header row of an XLV. The screenshot below shows an XLV without any of the AJAX options enabled:
XLV HTML Without AJAX

And with the AJAX setting Enable Asynchronous Update checked:
XLV HTML With AJAX

And for completeness – the AJAX Options in the web part:
AJAX Options For XLV

In these screenshots notice the dropdown arrows on the column heading. It’s different! The underlying HTML is pretty messy so not something I’ll bother listing here (the AJAX version has a whole other table embedded!) – but the fact that it’s different could potentially cause you problems (as it did us) in that any custom CSS you have may need to be aware of this.

Hopefully that saves someone the headache of trying to track down why you have different rendering for your XLVs!

share and enjoy
  • Print
  • Twitter
  • Digg
  • del.icio.us
  • StumbleUpon
  • Yahoo! Buzz
  • Google Bookmarks
  • Facebook

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>