Tag Info

Hot answers tagged

37

At a high level, it often depends on your view of the function of the files: site 'infrastructure' which is critical to branding (e.g. public-facing WCM). Here you might choose to store on the filesystem as users/content authors will never be modifying the files content specific to an individual site, open to customization (e.g. a team site in a collab ...


21

I posted this exact question a few years ago and got 2 detailed responses back, one being from Andrew Connell! Both responses were of similar view point. Andrew said: Anthony- The way I do it is all content goes in one of the three special libraries in each site (Images/Documents/Pages) and all branding stuff goes inside the Style Library. I ...


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" ...


17

Here is a link to sharpoint 2010 CSS charts. Can be useful at many times. :) http://sp2010notes.wordpress.com/sharepoint-2010-css-chart/


16

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 ...


13

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, ...


12

Looks like someone already posted my $.02 :) I don't like them in _layouts... I prefer them in the Style Library. Want my long winded response? Read my article on MSDN: http://msdn.microsoft.com/en-us/library/dd221375.aspx


11

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.


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

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 ...


10

you can use sprite cow to generate your css http://www.spritecow.com/


9

The key word in your question is "farm", and this answers your question for you: HIVE. THE HIVE The SharePoint hive was designed to house a single instance of those files which are used across all the sites and web apps within a SharePoint farm (regardless of the site type or branding etc). An example... A typical corporate SharePoint topology ...


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

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

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

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

Heather has just posted the 2010 version of her famous SharePoint CSS chart. It's online here: http://spexp.me/csschart/


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 ...


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

You can try using <SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/My.css %>" After="corev4.css" runat="server"/> to resolve a full path in the masterpage, though I have a funny feeling that might only work in Publishing Pages...


6

just add .ms-dialog in front of the class you want to change, and it will only affect the modal dialogs: .ms-dialog .ms-cui-topBar2{ background-color: red; }


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 ...


6

I know exactly what you're looking for. While a debate about proper link tag usage and CSS storage folders is always a fun topic, realize none of that is your issue here. There are two components that allows you to add <link> tags to Page Layouts. First, you need to find the following lines of code in the head of the Page Layout's HTML page: ...


6

This issue caused by angle brackets "<" to fix it replace it with "&lt" as below: <!--SPM:<SharePoint:CssRegistration name="&lt;% $SPUrl:~sitecollection/_catalogs/masterpage/css/style.css %&gt;" runat="server" />-->


6

After long investigation I found solution. It is both SharePoint and IE 8 specific problem. IE 8 loads styles in different order, than IE 10. In IE 8, after my custom css, class .ms-core-needIEFilter was loaded. The class has gradient inside. I added to my custom CSS following code: .ms-core-needIEFilter #suiteBarLeft { background-color:transparent; ...



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