Wrap Container ID around DataFormWebPart in SharePoint 2010

Posted on 2013-01-07
Last Modified: 2013-01-08
I am working on SharePoint 2010, and i am creating custom display using DataForm.Webpart. I am trying to implement the Isotope jquery Plugin and up to a point things are working ok.

But more to my question, how can I set a div/css ID to wrap around a webpart? Anywhere I try to place the container breaks the webpart.
Question by:bsmcy
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment

Accepted Solution

bsmcy earned 0 total points
ID: 38753799
I managed to resolve the issue by coping the **entire webpart source code** (in SharePoint Designer), and with **Advanced Editing** enabled, I pasted the code just before the end of the page. This however caused the webpart to not be editable from a web browser since the code was added in the protected/safe area of the page.

        <div id="container">
          <WebPartPages:DataFormWebPart ...... >

Open in new window


Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

The vision: A MegaMenu for a SharePoint portal home page The mission: Make it easy to maintain. Allow rich content and sub headers as well as standard links. Factor in frequent changes without involving developers or a lengthy Dev/Test/Prod rel…
A recent project that involved parsing Tableau Desktop and Server log files to extract reusable user queries for use in other systems. I chose to use PowerShell to gather the data, and SharePoint to present it...
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question