Tag Info

Hot answers tagged

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


10

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


4

Based on Zimmergren's blogpost regarding new delegate controls in SP 2013: Create a module with the following in the Elements file <?xml version="1.0" encoding="utf-8"?> <Elements xmlns="http://schemas.microsoft.com/sharepoint/"> <!-- DelegateControl reference to the SuiteLinksDelegate Delegate Control --> <Control ...


4

If you don't apply any particular style to a table inserted in a CEWP, it'll get applied the class ms-rteTable-default. So, instead of what you have done, you can override -in your custom css file- that class: .ms-rteTable-default{ -ms-name:"Tabell - test"; border:1px solid $borderColor; // sass syntax margin: 8px 0; width:98%; } Just make ...


4

To hide it during Print, you can use the following CSS: @media print { div#suiteBar { display: none; } }


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

Many of the class/id names have changed. Some slightly, some significantly and some are still the same. Off the top of head and from briefly flipping through my notes a few (related to quick-launch and navigation): /*2010 quick launch or current navigation*/ #ms-quickLaunch { your styles } /*2013 quick launch or current navigation*/ #sideNavBox { your ...


3

Since it is CSS attributes, the server will not send any of the pictures until the browser parses the CSS and request one of the images based on how it interprets the CSS. Too me, I do not see why this shouldn't work. Just give it a try and then use fiddler or similar to se which requests and responses are sent between the browser and the server. To ...


3

It's possible to use plain link tag in your master page header if you can't use <SharePoint:CSSRegistration ... />, as in the case where you want to use the media attribute. <link type="text/css" rel="stylesheet" media="only screen and (min-width: 1024px)" href="Style/default.css" /> <link type="text/css" rel="stylesheet" media="only screen ...


3

try changing it to div#suiteBarLeft{ background-color: red !important; }


3

In order to overcome the tedium that ensues at the onset of every SharePoint 2010 design project, I have created a simple snippet of CSS that is intended to reset the SharePoint interface styles to inherit from your default document styles. Take a look at the SharePoint 2010 CSS Reset from Kyle Schaeffer. I didn't test it yet, but it seems to do exactly ...


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


2

You need to make divs to be rendered as tables in edit mode: <div class="container convertTable"> <div class="row convertTable"> <div class="col-md-6 convertTable"> </div> <div class="col-md-6 convertTable"> </div> </div> <div class="row convertTable"> <div class="col-md-12 convertTable"> </div> ...


2

I must admit I tried your answer DarrylGodden and didn't get much luck with it. However I did find using the Srch.ContentBySearch.getPictureMarkup that I was able to put my own class in. In the example below I show you how to do this. I have also included other lines of code required to get the values to pass into getPictureMarkup. //Get the client ...


2

There isn't any, Check this MSDN link out for more information, Here it exists http://msdn.microsoft.com/en-us/library/office/microsoft.sharepoint.spweb_properties.aspx Client Web it doesn't exists http://msdn.microsoft.com/EN-US/library/office/microsoft.sharepoint.client.web_properties.aspx JS.Web property doesn't exits ...


2

someone has come up with somthing of use! window.onunload = window.onbeforeunload = (function(){ var closedYet=false; return function(){ if (closedYet) return; closedYet=true; // do your thing here... } }()); the above should help, you then need to write to a tempary list... this list will have the user ID or name and all the ...


2

On premises? If so, you could deploy a delegate control with ControlID of "SuiteLinksDelegate"


2

iv written about the @import method here: @import, not working in css of sharepoint 2010 i think its 25 to a page.... but you can get far more with a trick i did in 2007! also like to note that the import works for css better when the css file is within the hive folder and not within sharepoint like within styleLibrary. or manual method within ...


2

The method which you are using is deprecated use the following code .yourcssclass{ background: url(fundraiser.jpg) no-repeat, -moz-linear-gradient(top, #ff3b68 0%, #0029d3 100%); /* FF3.6+ */ background: url(fundraiser.jpg) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3b68), color-stop(100%,#0029d3)); /* Chrome,Safari4+ */ ...


2

Try using the following css code .yourcssclass{ background: url(fundraiser.jpg) no-repeat, -moz-linear-gradient(top, #ff3b68 0%, #0029d3 100%); /* FF3.6+ */ background: url(fundraiser.jpg) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3b68), color-stop(100%,#0029d3)); /* Chrome,Safari4+ */ background: ...


2

Make sure the document library "DbShopCssScripts" exists.path1,path2 should not be present inside the url, unleass you want it to be deployed inside path1 folder in the site (ie DbShopCssScripts/Css/path1). Below is link msdn article ablout uploading file from solution to document library. http://msdn.microsoft.com/en-us/library/ee231567.aspx


2

The correct syntax is either $(".severity").css({"color" : "blue"}); OR $(".severity").css("color", "blue"); The first syntax is used mostly to edit multiple css properties (separated by comma). Source


2

Try the following in powershell to see whether your CSS file is customized: $web = get-spweb http://yourweb $f = $web.GetFolder("Style Library/folder/css") $f.Files |? {$_.CustomizedPageStatus.ToString() -eq "Customized"} |% {$_.Name} If it's customized, use the following to revert back to unghosted mode: $f.RevertContentStream() Reference here.


2

IgnoreIfAlreadyExists needs to be set to TRUE. IgnoreIfAlreadyExists="FALSE" => Don't update if file already exists. IgnoreIfAlreadyExists="TRUE" => Do update even though file already exists.



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