Tuesday, July 17, 2012

Understanding Data Form Web Part in SharePoint 2010/ MOSS 2007 – Part 2

If you have not gone through part -1 of this series, I would recommend you reading it first and then continue reading from here.

If you open a page which we designed in previous part in browser and edit the page and then edit the web part, you will see XSL editor and parameters editor.


If you observe closely parameter binding, you will also find our color parameter set there. This way you can also enter multiple parameters binding here as well.



Now let’s get back to designer and select the data form web part. We are going to apply conditional formatting now.

Click on Table tab, then select and then row. This will select the row in data form web part.



Keeping the row selected, select options again and then conditional formatting and then formate row.



Select if color equals to red, and then click set style



Set background to red



Repeat this for remaining colors. Once you set them for different colors, you should have something like this in designer.



Save it and open it in the browser. You’ll see different color rows based on the color field value.



So now if you go and open the web part in edit mode, and see the XSL you will see following written.



Now go to table, select column and then make it bold lettered.



And you can see quantity turning into bold letters



Now we are going to see editing functionality and multi entry on data form web part. For a demo, I have removed the existing web part on a page.

Now find Data View option in ribbon and then manage data sources.



And select stock items colors list. You can select the list you want.

Select the web part and click on inline editing option on the ribbon.



Save it and view it in the browser. You should be able to edit the item without opening it in separate edit page.



You can also select what operation should you allow.



Now coming back to designer, select any empty div on the page and then select title, quantity and color and then click on insert field as multi item form.



And save it and open it to view in browser.



In next post, we are going to see how to use custom actions with the list or library using Designer. Read Part-3 for further reading.

No comments:

Post a Comment