Tag Info

Hot answers tagged

11

you can use sprite cow to generate your css http://www.spritecow.com/ update: Eric Overfield has a nice post on this


5

I guess you could always use a site collection token in your URL. ~sitecollection URLs and tokens in SharePoint 2013 If that don't work out for you, this blog post has a lot of great examples when working with masterpages and references. Use Site Url in SharePoint Update Try using a scriptlink instead. I'm unsure if encoding is needed thought. Try to ...


4

Here’s the code you should put on your pages: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="http://path to the script/StickyHeaders_v2.9BETA.js"></script> You can download StickyHeaders_v2.9BETA.js from here


4

The ID will remain the same on your single SharePoint-Environment, but it can be different on other site collections. The name and the zz are always the same, but the number will change, so you have to build your css with wildcards, e.g.: div[id^=zz][id$=_TopNavigationMenu] { display: none; }


3

You can easily add a content editor webpart and add in your CSS in the HTML editor. Or you can add your CSS to a text file, then using a content editor webpart, you can reference that text file and it will include the css in that page.


3

In SharePoint the "page" is actually inside of a DIV and the window really never scrolls... The content inside that DIV does scrolls (unless you have a customized branded site). So although your code will work on a standalone HTML page, it will not in a standard Sharepoint site (2010 and above)... See the solution I posted here to a similar question. ...


3

You could either change the icon for htm pages in the hive (its ichtm.gif by default ["ic" for icon and "htm" for filetype]) or overwrite it by CSS or JS. Here's a example for plain CSS: img[src="/_layouts/15/images/ichtm.gif"] { background-image: url("http://upload.wikimedia.org/wikipedia/commons/f/f0/Pdf_16x16_Crystal_SVG.png"); height: 0px; ...


3

in your page make sure there is no reference to core.css.... issue is due to masterpage which has that reference that the page your using could be referencing the masterpage. several methods: 1) if its referencing a masterpage than make a custom masterpage that is almost the same only that it doesnt contain the core.css reference. 2) within your css add ...


3

try <SharePoint:CSSRegistration ID="CSSReg5" name="<%$SPUrl:~SiteCollection/Style Library/CSS/styles.css%>" After="corev4.css" runat="server"/> the part <%$SPUrl:~SiteCollection points to the root site collection, maybe your code is not pointing to that location! rather the site or sub site, method above explicitly says root site collection ...


3

this function set field limit characters: function setFieldLimitCharacters( field, limit ) { field.unbind( 'keyup change input paste' ).bind( 'keyup change input paste',function(e){ if( $( this ).val().length > limit ) { $( this ).val( $( this ).val().substring( 0, limit ) ); } }); } usage: ...


3

My take on these: Server-side code is fun and easy to write, and you can incorporate any feature of SharePoint in order to manipulate it. You can build out vast solutions that touch many different aspects, even outside SharePoint, and bakes it into SharePoint using webparts, timer jobs, event receivers, and the like. It is hard to maintain, and migration ...


3

Styling using classes is usually the preferred way. Especially if you see IDs in HTML in ASP.NET control format, like "ctl00_ContentPlaceHolder1_CustomUserControl1_NestedExampleLabel", you should absolutely not bind styles to those ID's as they may change, even within the same environment, as controls get added/removed from the page. If you have control ...


3

Ideally, you would start by creating a copy, rather than editing one of the existing master pages. Which one you choose is purely up to your own aesthetics. Once you're familiar with their creation, you can create one from scratch and with the built in design tools (available through the front end, generates web parts and unique content). As to where to ...


3

Update an oslo.css is not recommendable approach because it can break other elements which you might not find even. You should check with developer tools about the CSS. Which CSS is breaking the layout and try to override that CSS with your custom CSS in the masterpage. Here is the great solution Responsive SharePoint available that you can use with ...


3

I would recommend to use the 'Alternate CSS URL' for adding custom CSS to a SharePoint Site. Go to Site Settings -> Master Page -> 'Alternate CSS Url'. Browse for the custom CSS file and save it. This adds the CSS to the site without any change to the master page.


3

Your first approach is the best way to add a custom css file to a master page. Backing up master page and then creating a custom master page, adding custom CSS file to Style Library and then adding external CSS link under <head> tag. These steps are the most recommended and considered as best approach. Just make sure to add the external css link just ...


2

The relationship between .html and .master is a bridge. It has been implemented so that developers who are not familiar with ASP.NET masterpages and SharePoint can use the .html file to do the changes in a "environment" they are more or less familiar with. I'm going to assume this is an on-premise solution, so yes, downloading and putting the .js file in ...


2

Branding in SharePoint The best way is to look at some youtube clips or tutorials. A guide to quick SharePoint 2013 branding You could make an composed look. See this link. You can try with this style in either your master page or a css file: div#suiteBarLeft{ background-color: red; } or .s4-ribbonrow { color:purple!important; } How to ...


2

There is a calculated column 'trick' where you return a number type but use regular string concatenation and an html 'a' tag and the item will show up for you as a link Something like ="<a href='https://www.google.com?q='"&[searchColumn]&"'>click here</a>" You should be able to add your target _blank attribute using the above. EDIT: ...


2

Well, since version 2013, SharePoint has implemented a new feature called the Design Manager to make it easier for people who have no experience with SharePoint to implement their own custom styles. You enable the Design Manager by enable the publishing feature. To enable the design manager follow the next steps: Click on the gear icon in the top right ...


2

I tried the following inside a custom css file, but this will only remove the “Documents” text , but not the whole row. Looking at your CSS, this is because you are only removing the three table cells but not the actual row, which is what you want to remove. You should be able to accomplish this using the jquery .parent() selector (since the TR does ...


2

I'll weigh in on this as others have so just restating what some others have posted and why. For years I've been using the StyleLibrary. The reasons to me are obvious and simple: The StyleLibrary document library is there, out-of-the-box and in every site (except blank sites) It let's me create one per site collection so I can use different ...


2

you can use the below css code for background image: background-image: url("Image.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover;


2

try using the below script in CEWP: <a onclick="modalcall()" href="#">Add New Item</a><script type="text/javascript"> function modalcall() { SP.UI.ModalDialog.showModalDialog({ url: "NewForm.aspx", title: "New Item", //allowMaximize: true, //showClose: true, dialogReturnValueCallback: ...


2

Page Title is rendered as Try this .ms-core-pageTitle { font-size:2.77em; white-space:nowrap; color:pink; /*Let us test colour*/ font-size:9.77em;/*make it huge*/ /*You edits here*/ } Override the above in you master page or custom css file.


2

From comments: That means jQuery.fn.tab is undefined, which means the jQuery version you are working on does not have Bootstrap tabs appended to it. This could be the result of many things, such as not including the bootstrap script, or order of scripts, or having several versions of jQuery on the same page. There are several ways to get around this, such ...


2

You can do it as <img src='<SharePoint:EncodedLiteral runat="server" text="<%$SPUrl:~site/Shared%20Documents/enddate.png%>" EncodeMethod="HtmlEncode"/>' alt="" />


2

In the master page file, add the following line just before closing the <head> tag. <SharePoint:CssRegistration ID="CssRegistration" Name="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" After="corev15.css" runat="server" /> </head>


2

try using valign property for TD if you are not using HTML5 <td valign="top"> </td> else if you are using HTML5 you can try using CSS instead <td style="vertical-align:top"> </td>


2

You can do so by changing the CSS for that control. The control is implemented differently in On Premise than O365, so here's how to change it in both scenarios: Office 365: .o365cs-base.o365cst .o365cs-topnavBGColor, .o365cs-base.o365cst .o365cs-topnavLinkBackground{ background-color: red; } This is to change it to red color for example. In an on ...



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