Solved

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

Posted on 2015-01-19
1
120 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Microsoft SharePoint Foundation 2010 and Microsoft SharePoint Server 2010 do not offer the option to configure the location of the SharePoint diagnostic trace log files during installation.  This can, however, be configured through Central Administr…
Pimping Sharepoint 2007 without Server-Side Code Part 1 One of my biggest frustrations with Sharepoint 2007 in the corporate world is that while good-intentioned managers lock down the more interesting capabilities of Sharepoint programming in…
This video discusses moving either the default database or any database to a new volume.
Polish reports in Access so they look terrific. Take yourself to another level. Equations, Back Color, Alternate Back Color. Write easy VBA Code. Tighten space to use less pages. Launch report from a menu, considering criteria only when it is filled…

707 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now