Contents
There is a very easy way in SharePoint Designer 2010 to connect web parts together using web part connections on the same page or even across pages. These connections can pass field values which can then be used to filter data and more. No way to make the web part connections in SharePoint Designer 2013.
What can you do with the HTML form web part?
You can use the HTML Form Web Part to connect and pass data to another Web Part. For example, you can use the default HTML Form Web Part to type a region name, pass the value to a List View Web Part of customer data, and filter the data by that region.
You can customize the HTML Form Web Part by using either the Source Editor, which is available from the HTML Form Web Part tool pane, or a SharePoint-compatible Web design program, such as SharePoint Designer 2010. Instead of the standard text box, you can use option buttons, check boxes, multi-line text boxes, and list boxes.
How are list view web parts filtered in HTML?
When the user clicks the Go button, both List View Web Parts are filtered according to the information entered on the HTML Form Web Part. You can connect two or more fields in the HTML Form Web Part to another Web Part, if that Web Part can accept multiple parameters.
Why is there no design view in SharePoint Designer?
You can use it to conditionally format and/or display data and images on any SharePoint page as shown in image below. With the absence of Design View, there is no visual way to configure the web parts (List View and Data View) to conditionally format text and other objects in SharePoint Designer 2013.
Start SharePoint Designer 2010 by clicking Start Menu, then click All Programs, click Microsoft Office, and then click Microsoft SharePoint Designer 2010. Click the Open Site button and in the Open Site dialog window, type the URL of the local Web site (such as http://localhost/SampleWebPartSite) in the Site Name box.
On the Home view tab, click Code at the bottom of the designer pane to show the code view. In the code screen, scroll to the bottom of the page and place the pointer before the end tag (after the closing tag) as shown in Figure 1.