Solved

Wrap Container ID around DataFormWebPart in SharePoint 2010

Posted on 2013-01-07
1
632 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
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

I thought I'd write this up for anyone who has a request to create an anonymous whistle-blower-type submission form created using SharePoint 2010 (this would probably work the same for 2013). It's not 100% fool-proof but it's as close as you can get…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…

862 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now