Tag Info

Hot answers tagged

18

As James mentioned, your main mistake is that you are using Page.Header.Controls. It is much simplier: this.Controls works like a charm. If it will not work, you should then check your delegate control declaration XML code. It should look like this: <Control Id="AdditionalPageHead" Sequence="1000" ...


15

The phrase you're looking for is "SharePoint Branding" Perhaps the best place is to start is Heather Solomons blog Other links that may help SharePoint Magazine - Branding Limitations MSDN - Real World Branding with SharePoint 2010 Publishing Sites Codeplex - SharePoint Branding Tool Tom Wilsons SharePoint Branding Blog Randy Drisgill - SharePoint ...


13

Here are my 2 cents: Make sure SharePoint still looks and feels like SharePoint. Don't mess about with default font sizes. Even if SharePoint deals with it well, your third party add-ins may not. Try to limit them to just change the colour scheme to whatever the company uses, a customised top (header) area and an optional footer. Don't go nuts, you'll ...


10

It is strongly advised against modifying the corev4.css file. This main reasons being that as soon as you apply the next update, your css customisations will be lost as the file will be overwritten, and your changes affect the entire farm. It's recommended that you create a new CSS file, store it either in a folder in LAYOUTS in the SharePointRoot folder ...


10

We usually use print style sheets (<link rel="stylesheet" href="print.css" type="text/css" media="print" />) to do this. Check this guide: http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml I know Muhimbi has a good third party PDF generator, but I havent tried it.


9

Does SharePoint 2013 have support for responsive design or do you have to create it from stratch? No, there is no built in out of the box support for responsive design in SharePoint 2013. Responsive design is different from Mobile friendly design, and as such I think it's best to do your page layout and not rely on a framework. Others feel different, ...


8

You can either replace the DelegateControl (if you have farm access) http://msdn.microsoft.com/en-us/library/ms463169.aspx <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server"> <SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/> </asp:ContentPlaceHolder> Or you can override the ...


8

The image is rendered using an tag which you cannot modify using just CSS. You could either A - Use some jQuery to modify the HTML for the searchbox. You can target the srch-gosearchimg CSS class to modify the image tag and point it to another source image. B - Use a delegate control to replace the entire searchbox My vote usually goes for option B ...


8

For a comprehensive list see Rajesh's answer. It's pretty much a 2010 version of Heather Solomons. This site has several of the base classes explained and displayed: http://erikswenson.blogspot.com/2010/01/sharepoint-2010-base-css-classes.html And this site will give you a ton of CSS and branding resources (many SharePoint, some general ones) ...


8

You are working with CSS3, this is only supported from Internet Explorer version 9. For older versions of IE you need to have a fallback solution. One of the fallback is CSS3 Pie. More information can be found here: http://css3pie.com/ http://css3pie.com/about/ It requires you to add and reference an additional file (pie.htc) to your environment. ...


8

I know you asked for 2013 but I'm leaving the 2010 one here too in case anyone go crazy like you did. 2010 When any ribbon tab is open (other than the 'browse' one) it forces a 135px height on its container, which is a sibling of the #s4-workspace container, see where I am going? #s4-ribbonrow[style='height: 135px;'] ~ #s4-workspace #s4-leftpanel { ...


7

As already mentioned in another answer, Internet Explorer, up to and including version 8, does not provide support for any CSS3 based styling. While Internet Explorer 9 comes with limited CSS3 support (like border-radius and box-shadow, but neither text-shadow nor background gradients) it would require to change your masterpage as mentioned in another ...


7

SPUtility provide us a method called - MakeBrowserCacheSafeLayoutsUrl(string, boolean) and other overload methods. Based on last modification this itself generate a MD5 hash code and append it to css or js urls. We don't have to worry about finding version numbers or generating id based on creation date, this is already handled. I have used this in my ...


6

you could try my free SharePoint MasterPages too http://freespmp.codeplex.com and I have some info on my blog http://engageinsharepoint.co.uk Thanks Matthew Hughes - @mattoo2


6

Matt and Randys' Master Pages make branding from scratch really easy. If you need hep with basic Themes rather than branding (or to save hours of work) use Microsoft's Theme Builder - I wrote a post on what everything relates to here: -> Theme-ing really does help you save some time on the base CSS.


6

Hm. What I would do is do the work in CreateChildControls. Have it just add the two LiteralControls to the this.Controls collection. Then, add your ASCX to the AdditionalPageHead delegate control via your Feature. (step 33 in that article you linked to). There is a reason (and at this time in the morning I can't remember what it is), but the Page.Header ...


6

Using developer tools in IE, use the 'select element' tool to pick out a link that should be styled, and look at the Trace Styles tool to have a look and see what CSS is being applied. Use this to see if your style is being overridden by the corev4.css. If it is, make your CSS selectors more specific. If you can't see your selectors at all, use the source ...


6

If you want a super user to be able to change logos etc, or if the logo is specific to a site collection, place them in a subfolder in /Style Library/Images/. However often you dont want the layout files of your page, or your CSS for that matter, to be changed by end users. This is a good reason to place them somewhere in the v\TEMPLATE\LAYOUTSfolder. These ...


5

When you add a css to your sharepoint site master page, you need to add it using a SharePoint:CssRegistration. For Eg: <SharePoint:CssRegistration name=”<% $SPUrl:~sitecollection/Style Library/Custom Style/css/custom.css %>" After=”corev4.css” runat=”server”/> Here the 'After' attribute specifies that your custom.css will be rendered after ...


5

James, what Sig posted works for both things that you are looking for. The only change I would suggest would be to omit the use of !important in the style statements. You want to try to avoid using that as much as possible. /* Hide web part title border on hover */ .s4-wpcell:hover .ms-WPHeader td, .s4-wpActive .ms-WPHeader td, .s4-wpcell .ms-WPSelected ...


5

I would advise against this...I would also advise against having an exact copy of the coreV4.css file. Having both these files is going to beef up the load times and increase the needless amount of code the browsers need to go through. Change your CSS registration to the following line. I also always add it after the CoreV4.css not that it makes a ...


5

You can simply do this by including the following part in your html master. <!--SPM:<SharePoint:CssRegistration Name="/_catalogs/masterpage/custom/css/custom-core.css" After="corev15.css" runat="server"/>--> In the file »custom-core.css« you can simply override existing styles.


5

There are custom SharePoint CSS classes that you may need to overwrite to change the colour of the hovering. Using IE developer tools I found that the two classes you're looking at are .ms-welcome-hover and .ms-siteactions-hover the welcome hover class obviously being the top bar for the page. This code in your custom CSS should change it to a blue ...


4

Heather Solomon's site should be your first port of call, has everything you need to know about customising the look and feel of SharePoint. http://www.heathersolomon.com/blog/ EDIT: this is mostly 2007, but most of the principles are the same for 2010.


4

I've also observed what you have; beyond ensuring that your CSS comes after core.css/corev4.css, the CSSRegistration.After property plainly doesn't work. I've extensively tested CssRegistration by using it to link 10 different CSS files into one user control, and it completely ignored the dependencies I specified. Furthermore, the ordering seems completely ...


4

Never ever edit the out of the box javascript files in SharePoint! (For one: a service pack will probably revert all your changes, and it's easy to break your entire farm with a single typo!) I've done something like this for a client, what I did was use IE8 Dev tools to find out the classes used by the Styles applied by the HTMLEditor, make up a CSS file ...


4

Rob Windsor has said it above, but I wanted to give it "answer" status. While the _layouts folder does indeed live at: c:\program files\common files\microsoft shared\web server extensions\12 (SharePoint 2007) c:\program files\common files\microsoft shared\web server extensions\14 (SharePoint 2010) SharePoint Designer will not allow you to open those ...


4

Your CSS file wouldn't be in the config db anyway, all site content (when unghosted, ie: saved through the browser or SharePoint Designer) is stored in the content database. I would check out the file, and restore each version until you get what you think is the most recent version. Do this through the UI, as SharePoint Designer is laggy when referencing a ...


4

Untested across the whole gamut of browsers, but if you're using the OOTB DOM, you have to do much more than just set the quick launch height. The #s4-leftpanel-content div contains the content and background color of the quick launch, so this has to be given a height of 100% (which sizes it to the height of the #s4-leftpanel div. #s4-leftpanel needs to be ...



Only top voted, non community-wiki answers of a minimum length are eligible