Solved

Trying to remove the Title Header ( with sorting arrows ) from a Custom List - SharePoint 2013

Posted on 2015-01-19
1
137 Views
Last Modified: 2015-03-31
Hello Experts,

I have been successful removing the title header that labels and sorts A Custom List using CSS.
The thing is I am using the Custom List as an App Part to add to particular pages.
No problems there, but I will have to add a CEWP to remove the header with CSS for every  page.

What I am trying to accomplish is to remove the header( sorter /title header from the source itself - the original Custom List ) so that the user can just select the app part and not have to add a CEWP.

I have been a little blind without SP2010 and its Designer View and would had just removed the aforementioned but in 2013 SPD, I have no clue and couldn't make heads or tails about what to remove to attain the same resolution.

I have been doing my homework and learning how to use F12 on IE, but in this instance it hasn't assisted.

Your help is greatly appreciated.

CSS I had been using or similar to hide the header:
#hide-title .ms-viewheadertr {
    display: none;
}

Open in new window

0
Comment
Question by:colonelblue
1 Comment
 
LVL 15

Accepted Solution

by:
colly92002 earned 500 total points
ID: 40559473
Hiding with CSS sounds like the correct technique to use, and your example CSS looks like it is "sort of" correct, so I'm guessing this is more a problem with implementation?

I would advise you spend more time using the deveopler tools (F12)  (or even better, use Chrome and it's dev tools as I find them better/easier to use).

When in this tool, you can access the element you want to hide, and change the CSS inline and see the results.  If the structure of the css is such that your change is not being applied due to the cascade, then you should also be able to se that (you will be able to see what elements are applied and what have been ignored as these will have a line through them).

I would guess that your selector rule is possibly not quite correct, but this is something you can work out using browser developer tools.  It looks fine to me.

Once this is all correct, then the issue will be in how you are applying your CSS to the page.  Ideally, you should upload your custom CSS to the "Style Library" built in library, create a custom masterpage,  link to your own custom CSS in that after it has loaded the standard CSS, and then apply that masterpage to any pages on the site you want to apply your css.

However, it is not always possible or desirable to edit the masterpage in this way, so here are some other options:
http://www.ashokraja.me/post/Refer-Scripts-and-CSS-Style-Sheet-in-SharePoint-2013-Visual-Web-Part-and-Master-Page.aspx
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

The Scenario: Let’s say you have a quote worksheet in Excel that you use to work up sales figures and such for your clients. You utilize SharePoint to manage and keep track of these documents. You would like values from your worksheet to populate Sh…
Summary In SharePoint 2010 it is easy to create custom color themes to jazz up a site. Theme colors can also be created in PowerPoint 2010 with a few clicks. But how do the chosen colors actually look in the SharePoint site? The attached PowerPoint…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

830 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