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


4

Use SharePoint Designer and follow these steps: Connect to SharePoint site in SharePoint designer. On the left pane click All Files. Then on the list select "Style Library". Select the CSS file you want to edit and then click "Edit file". If check out is required it will do it for you after your confirmation. Make your changes, save the file, and don't ...


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

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

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

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

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

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


2

There's a CSS3 property ('background-size') for sizing background images. SharePoint adds the background image class '.ms-backgroundImage' to the body tag. You can override that CSS. Ex. body.ms-backgroundImage { background-size: 400px 500px; background-position: center center; } The JavaScript way of doing it would be to get the background ...


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

Your getting confused with the terms. Check in and out is not upload and download! when the file within any document library that is checked in than its locked to all users. You cant make any ammendments to the file and its in public view. At this point if you have the right access you can check out the file. When you check out there is now a lock in ...


2

In addition to the above answer, check in means your changes will be visible to all the users. It does not mean you will get an option to upload from local drive. If you do not have access to SharePoint Designer, you can download your css file, make changes and upload it again. For that file needs to be checked-out first (that means you are making some ...


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

Branding in SharePoint The best way is to look at some youtube clips or tutorials http://blog.blksthl.com/2013/02/26/a-guide-to-quick-sharepoint-2013-branding/ You could make an composed look. see link below : https://www.nothingbutsharepoint.com/sites/eusp/Pages/Step-by-Step-Create-a-SharePoint-2013-Composed-Look.aspx You can try with this style in ...


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

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


2

You can edit the master page HTML file and then add your CSS & JS references. The best practice is to take a copy of seattle.html (html master page) and then work on that. SharePoint online refer custom css and javascript in MasterPage (Site Assets)


2

If you just want to add a custom CSS and JS to your master page, then instead of creating a new master page, try the following and check if it works for your purpose. For Custom CSS : Use the Alternate CSS Url to set a custom CSS File. For referring a custom JS file follow this approach - ...


2

Add the css as: <style type="text/css"> div.ms-webpart-zone.ms-fullWidth { width: 700px; } </style> Note: This change will apply to all your webpart zone(s) in the page. To apply it to a particular element prepend the CSS with a unique element identifier.


2

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



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