ListView Webpart Doesn't Retain Cell Borders of Source List - How to view in Webpart

I have a list in SP with cell borders.

I have a "List View Webpart" to display the contents via a SitePage.

The cell borders in the list aren't seen in the webpart view.

"Edit Webpart" doesn't have the option

SharePoint Designer seems to only let me add webpart border, not borders to the cells within?

Please advise on how to keep the formatting/re-add the cell borders within the webpart.

July 11th, 2013 1:51pm

If you added the cell border using javascript you must add the same java script to each sitepage where you are adding the list view webpart.

Or use a Data view webpart

Ref by: Pengyu Zhao

http://social.msdn.microsoft.com/Forums/en-US/7f520411-2ecb-4330-be61-5cc7cbaab7c7/sharepoint-2010-using-a-list-in-a-web-part-and-show-it-with-borders-inbetween-the-cells

Free Windows Admin Tool Kit Click here and download it now
July 11th, 2013 2:07pm

If possible try the below ones,

1. If you are using SPD, try to create a custom css file for your page use (from CoreV4.css). From SPD, click the list view's cells and try to identify the attributes you need to modify to get the border, mention that in your Custom CSS. This will fix.

2. If ou are adding the b c# code, try to create instance of XSLTListViewWebpart and add it dynamically in the page with the help of WebPartManager.

3. I found one Bullet point missing CSS problem in one of the Migration project, so if possible try to work with Init.js.

Hope this helps, thanks. 

July 11th, 2013 2:27pm

I added the list border via:  SharePoint Designer > Select Cells > Properties > Add Border

I don't know if it uses Java in the background or necessarily how to perform the following without more detailed instructions

1. If you are using SPD, try to create a custom css file for your page use (from CoreV4.css). From SPD, click the list view's cells and try to identify the attributes you need to modify to get the border, mention that in your Custom CSS. This will fix.

2. If you are adding the b c# code, try to create instance of XSLTListViewWebpart and add it dynamically in the page with the help of WebPartManager.


Free Windows Admin Tool Kit Click here and download it now
July 11th, 2013 5:07pm

Hi,

You can try the steps below to add the border for a list view web part:

  1. Edit the page in Advanced Mode in SharePoint designer.
  2. Click inside the list view web part and click Table tab in the ribbon.
  3. Click Properties> Table. Set the border size to 1 and select a color for it.
  4. Click in the first  column header and click Properties>Cell. Choose a border size and color.
  5. Repeat the step4 for each column header.
  6. Then click in the first column value and repeat step4. Then repeat step4 for each columns.
  7. Save and preview the page.

Thanks,

Entan Ming

July 12th, 2013 5:05am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics