?
Solved

Wrap Container ID around DataFormWebPart in SharePoint 2010

Posted on 2013-01-07
1
Medium Priority
?
660 Views
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.
0
Comment
Question by:bsmcy
[X]
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

by:
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.

       ....
      </table>
        <div id="container">
          <WebPartPages:DataFormWebPart ...... >
          ....
          </WebPartPages:DataFormWebPart>
        </div>
    </asp:Content>

Open in new window

0

Featured Post

Office 365 Training for IT Pros

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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…
Suggested Courses

777 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