Solved

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

Posted on 2015-01-19
1
144 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Office 365 Training for Admins - 7 Day Trial

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

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

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 vision: A MegaMenu for a SharePoint portal home page The mission: Make it easy to maintain. Allow rich content and sub headers as well as standard links. Factor in frequent changes without involving developers or a lengthy Dev/Test/Prod rel…
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…
In this video we outline the Physical Segments view of NetCrunch network monitor. By following this brief how-to video, you will be able to learn how NetCrunch visualizes your network, how granular is the information collected, as well as where to f…

617 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