Logo 
Search:

Sharepoint Forum

Ask Question   UnAnswered
Home » Forum » Sharepoint       RSS Feeds

Links view format

  Asked By: Brendan    Date: May 05    Category: Sharepoint    Views: 1967

I have a links web part that i've added a column to and have called Interface
Type to categorize the link type (they are links to management devices)
I've done a group by on this and thats all well and good but i have two small
problems..

1. the view that shows the group by has the group headers as "Interface Type:
Fiber Switches" how do i get rid of the column name so that it just says "Fiber
Switches" (the value in the column)

2. I am displaying this view on my main page and i want to get rid of the column
headers, because of how the view is setup it only has the URL link but that
column header takes up a lot of space and i dont need it.

basically i want to make this a clean tree view of different types of management
devices with as little as possible.

Share: 

 

7 Answers Found

 
Answer #1    Answered By: Bhavesh Doshi     Answered On: May 05

OK, this was fun.

To get rid  of the column  name and header, you need to add a Content Editor
Web part  to the main  page where you are displaying  the Links List. In the
Source Editor, add the following code:


<style>

.ms-viewheadertr {

display: none;

}



.ms-gb a {

display: none;

}

</style>

Once you verify that this works, go ahead and hide the CEWP.



This leaves you with the annoying " :" in front of the Interface Type. To
get rid of this, you will have to edit the view  page that you have created
using SP Designer. Search for the string " :" (notice the leading space).
There should be only one. Mine was on line 55, part of the <ListViewXml>
tag. Delete it and save the page. This customizes the page, but has the
desired effect.

Note that the item count will still be displayed in parentheses following
the Interface Type. To hide this, go back to the CEWP and add the span tag
to the .ms-gb selector:

.ms-gb a, span {

This should do what you described.

 
Answer #2    Answered By: Elisa Santos     Answered On: May 05

I was so pleased with myself for finding the "right" CSS that I didn't
notice what else it affected. Hold off on the CEWP until I tweak the
selectors some more.

 
Answer #3    Answered By: Tatiana Houston     Answered On: May 05

OK, this is slightly less destructive.


<style>

#diidSortURLwMenu {

display: none;

}

td.ms-vh-group, th.ms-vh2 {

display: none;

}
td.ms-gb a, td.ms-gb span {

display: none;

}

</style>


Is this closer to what you are looking for?

 
Answer #4    Answered By: Arlene Hodge     Answered On: May 05

is there some place a list of how the CSS is setup  or did you just dig?

it just seems a tad over whelming when i start to dig

 
Answer #5    Answered By: Jolene Sandoval     Answered On: May 05

Have you checked out Heather Solomon's SharePoint CSS Reference chart?
www.heathersolomon.com

 
Answer #6    Answered By: Brandan Roach     Answered On: May 05

I just used the IE8 Developer Tools (press F12) to highlight the desired
elements, and then poked around from there. It can be challenging to figure out
which selectors to use, sometimes with calamitous results. It’s a good
practice to try modifications on a test server first.

Heather Solomon's site really will help you pick up a lot  of this, as Daniel
points out.

 
Answer #7    Answered By: Kai Carney     Answered On: May 05

i've started to read Heathers site and its been pretty useful.

I've used the IE dev tools before, was just looking for something that wasnt so
over whelming :)

 
Didn't find what you were looking for? Find more on Links view format Or get search suggestion and latest updates.




Tagged: