Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2015-01-19
1
Medium Priority
?
157 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 2000 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

NFR key for Veeam Agent for Linux

Veeam is happy to provide a free NFR license for one year.  It allows for the non‑production use and valid for five workstations and two servers. Veeam Agent for Linux is a simple backup tool for your Linux installations, both on‑premises and in the public cloud.

Question has a verified solution.

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

For SharePoint sites, particularly public-facing ones, there are times when adding JavaScript, Meta Tags, CSS Styles or other content to the page <head> section is more practical than modifying master pages.  For instance, you could add the jQuery l…
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…
This Micro Tutorial will teach you how to add a cinematic look to any film or video out there. There are very few simple steps that you will follow to do so. This will be demonstrated using Adobe Premiere Pro CS6.
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Suggested Courses

782 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