Snipplr

(JavaScript) sharepoint absolute site collection URL javascript variable - rumremix

Thu, 11 Jul 2013 04:55:00 UTC

Works in SP2013 (and I believe 2010). Provides site collection URL without trailing "/"

(JavaScript) How to retrieve data from a list in Sharepoint 2013 using oData and JavaScript - rumremix

Wed, 15 May 2013 03:29:20 UTC

The following code fetches contents of each Title field from the list called "LandingMiddleLinks"

(Other) what to do if sharepoint designer gets out of sync with server - rumremix

Wed, 13 Mar 2013 10:17:47 UTC

check the file out in the browser in spd, right click the file and choose "undo checkout" repeat the last two steps until the checkmark goes away in spd check the file out in spd. it should now get the latest version to edit

(JavaScript) dynamic current year with JavaScript - rumremix

Fri, 28 Dec 2012 09:44:12 UTC

Often on a page footer, we want a copyright date range starting with the year the website was launched and ending the current year. Doing this dynamically means no need to update on 1/1 every year. The js snippet below uses the server date to accomplish this.

(JavaScript) Fixing IE Z-index with jquery - rumremix

Thu, 06 Dec 2012 06:25:41 UTC

Useful trick from css tricks blog at http://css-tricks.com/snippets/jquery/fixing-ie-z-index/

(C#) sharepoint 2010 event receiver code that checks in files newly added to style library - rumremix

Tue, 04 Dec 2012 12:35:06 UTC

Keep the namespace name, class name, guid that VS automatically generates. Make sure all of the "using" inclusions included.

(XSLT) How to create a sharepoint data form web part that uses only client side JavaScript - rumremix

Wed, 26 Sep 2012 05:06:47 UTC

With jQuery and SPServices, we have very powerful tools for accessing and manipulating Sharepoint data and precisiely contolling the presentation, entirely from the client side. But such solutions generally need to be either hard-coded into pages or require cumbersome content editor pastes or includes. The advantage of packaging a solution as a web part is that it is a breeze to drop it anywhere on the site. Using the technique below you can package up a purely HTML/JavaScript solution as a web part, combining the benefits of both. 1. Create the HTML/JS content that you would like to turn into a web part in the manner you are most comfortable with 2. Create a dummy page in the site to initially hold our xslt 3. Open site in Sharepoint Designer 4. Find the page created in step 2, detach it from the page layout (by right clicking it), and open it for editing. 5. Place your cursor before the closing < /ContentTemplate > or closing < /asp:Content > tag 6. Paste the code in the source block below. 7. Find Title="DataView 1" in the code you pasted and replace it with Title="MoreUsefulWebPartName" 8. Replace the contents between the opening and closing ![CDATA tags with the HTML and/or JavaScript you created in step 1 9. Select all of the new code, starting with and including the opening WebPartPages:DataFormWebPart tag and ending with and including the closing /WebPartPages:DataFormWebPart tag 10. Switch from code view to designer view. You may ignore any warning you see about missing data sources. 11. Click the web part tab 12. In the "Save Web part" section, select the manner in which you would like to save the new web part. 13. Give the web part a useful name 14. Once you make the new web part available in the web part gallery, users may now add your javascript solution to any page as they would any other web part.

(ASP) how to use dynamically generated .Net element IDs on page in jquery or css - rumremix

Thu, 13 Sep 2012 04:37:21 UTC

In the examples, below, Step1 is the id given to the element. If the element is set to runat="server", when it is rendered on the page, the id will change dynamically to something like ctl00$PlaceHolderMain$Step1. But the actual value may change. To make sure we capture the correct value to manipulate the element in javascript or CSS, use the technique below. Note that this code will need to live on the same page as the element, not in an external js or css file.

(JavaScript) get hover effect of global nav parent link to roll off at same time dropdown goes away in out of the box sharepoint global nav - rumremix

Fri, 15 Jun 2012 08:35:48 UTC

The class, "activeDDParent", needs css that will cause the parent to have the same hover effect it has when the mouse hovers over it. This class allows for the out-of-the-box sharepoint rollof delay. "portalnavwrapper" is just the class of a div I have that surrounds the global navigation piece. But this can be anything that encompasses the entire navigation region.

(jQuery) custom jquery selectbox dropdown - rumremix

Thu, 12 Apr 2012 09:25:51 UTC

Simple solution found via link. Just edit code from demo page(s). Also http://uniformjs.com/

(ASP) Breadcrumb in Sharepoint 2010 - rumremix

Thu, 01 Mar 2012 10:57:15 UTC

Both ASP and Javascript versions provided below. Use either one or the other. Code should be placed in a SharePoint 2010 master page.

(XML) Setting up Sharepoint files as a visual studio .Net solution - rumremix

Fri, 10 Feb 2012 04:50:30 UTC

Setting up a sp .net soln

File --> New --> Project

on lefthand side -> Sharepoint -> 2010

usually select an empty template

name the project

to add files, create a module...

right-click project --> add --> new item

select "module"

give the module a name (such as masterpagecatalog)

this will create the module, containing an elements.xml file and open the elements.xml file in code editor. Sample.txt will also be created but may be deleted.

Drag any previously created files that will live in the new module into the module icon in solution explorer

Edit elements.xml. (See example edits to elements.xml in code block further down.)

Edits to make to default xml:

in <Module> tag, put a url (such as Url="_catalogs/masterpage" ) and put RootWebOnly="TRUE"

The <file> tag will also be created with a default url property. Make sure to edit this so that it is correct. By default, it will create a path starting with the name of the module. And if there is no such folder already with that name beneath the Module path, the feature will create one. The actual path is designated by both the <module> url property and the <file> url property (that is, both of those properties are combined).

Add Type="GhostableInLibrary" IgnoreIfAlreadyExists="TRUE" to the <file> elements. IgnoreIfAlreadyExists="TRUE" means "overwrite existing file". Type="GhostableInLibrary" setting is used when a file is placed into a library. If a file is placed outside of a library, Type="Ghostable" would be used.

Change the <file> tags so that it is not self-closing.

Add some Property tags.Columns in the master page correspond to file object properties indicated in the module xml. Other file properties in the xml will also be added to the "property bag" that do not correspond to master page columns (see <property> tags above).

First, it is good practice to always add <Property Name="FeatureId" Value="$SharePoint.Feature.Id$" Type="string"/>

On compliation, Value="$SharePoint.Feature.Id$" will be replaced with guid of feature.

For a master page, the following metadata will be added via the property tags

Make sure to edit the description as appropriate.

When the module was created, VS automatically created a feature called "Feature 1". Note that features may also be created by right-clicking "Features" in soln explorer and selecting "Add Feature".

Next step: add event reciever feature activated code if necessary

* Make sure to add the proper modules to the feature
* Make sure that Scope is set to "Site" in the feature if the solution is a sandbox solution

(XSLT) hijack submit or save button on sharepoint list form to redirect - rumremix

Wed, 02 Nov 2011 10:13:46 UTC

Comment out the SharePoint:SaveButton tag and replace with input tag

(XSLT) How to embed javascript and html inside xslt - rumremix

Sat, 08 Oct 2011 03:14:16 UTC

Place the following inside a `` block

(CSS) bringing back list styles in a section after they have been removed from section\'s parent - rumremix

Thu, 14 Jul 2011 10:57:26 UTC

We use lists for all sorts of things, especiall navigation elements for which bullets don't make sense. Often, it is most convenient to remove bullet/list styles from all list elements globally. In fact many css resets do just that. However, there may be content areas where we do want bullets! The following css brings back the list styles for all list elements within a container with the class "bulletsAvailable". These values approximate the normal default browser behavior.

(JavaScript) change the default search box text in SharePoint 2010 using JQuery - rumremix

Fri, 27 May 2011 10:32:15 UTC

Use whatever is needed to select the input box. $('#searchBoxOuter td.ms-sbcell input') reflects some custom master page html I have so I used that.

(jQuery) hide if empty using jquery - rumremix

Wed, 18 May 2011 10:58:49 UTC

(CSS) Fix SharePoint 2010 scrollbar issues - rumremix

Thu, 28 Apr 2011 06:11:23 UTC

see link

(CSS) style the search bar in sharepoint 2010 - rumremix

Sat, 23 Apr 2011 08:50:11 UTC

This is the quickest way to style the search bar. It involves creating one single image that includes both the input area and search button.

(ASP) removing I Like and Tags and Notes icons from Sharepoint 2010 - rumremix

Thu, 21 Apr 2011 03:38:24 UTC

(HTML) how to remove unwanted elements from appearing in sharepoint dialog boxes - rumremix

Thu, 21 Apr 2011 03:31:30 UTC

simply add s4-notdlg to the class of the element that you don't want to appear in dialog boxes. See example.

(CSS) sharepoint 2010 css reset - rumremix

Thu, 21 Apr 2011 03:24:57 UTC

The "inherit" aspect of this did not always work for me. For example, font-family may need to be explicitly specified in the generated css (in place of "inherit"). But this just takes a couple seconds. Simply search for "family" and replace "inherit" with the correct font family -- only appears in two places so this is really easy. May need to do this for other inherit declarations also.

(Other) how to fix sharepoint designer when it gets out of sync - rumremix

Sat, 09 Apr 2011 07:36:38 UTC

Sometimes SPD gets confused as to which files are checked out or not and to whom. This fix generally works.

(JavaScript) Extending SharePoint modal window - rumremix

Thu, 31 Mar 2011 10:22:23 UTC

(C#) SharePoint Edit Mode Panel - rumremix

Wed, 16 Mar 2011 10:53:11 UTC

You need to register this at the top of the page (see code below). Remember you can do this on a layout page as well, instead of the master page. Then place the PublishingWebControls:EditModePane tag inline (see below). The ID can be anything you want, just make sure not to duplicate it on a layout and master page.

(Other) caml for today or now - rumremix

Fri, 11 Mar 2011 11:52:43 UTC

See link for offset syntax.

(JavaScript) jquery templating - rumremix

Thu, 10 Mar 2011 05:08:22 UTC

Most of spservices function can be ignored -- not specifically relevant to templating. Important code in that block is the array push.

(JavaScript) javascript replace all instances in a string - rumremix

Fri, 18 Feb 2011 09:54:36 UTC

Normal replace() function only replaces first instance.

(jQuery) reading and writing list data in SharePoint 2010 using SPServices - rumremix

Wed, 05 Jan 2011 14:21:56 UTC

Just syntax examples here. First block reads, second writes. Top function just a debugging helper. Using jquery 1.5, $(xData.responseXML).find("nodeName=z:row]").each(function(i)... may need to be written as $(xData.responseXML).find("nodeName='z:row']").each(function(i)... with single quotes around 'z:row'.

(CSS) Sharepoint 2010 Custom Class For Content Editor Web Part Css Syntax - rumremix

Thu, 23 Dec 2010 09:40:50 UTC

Further below in the code are the default style declarations that can be overridden in custom css. To create custom classes that will be available in the rich text editors, follow the example below: .ms-rteElement-appleRed { color:red; -ms-name:"appleRed"; } Note: for the above custom-named style to appear in the rich text editor, it must live in a css file linked directly from the master page. That is, it will not work if it lives in a css file that is linked via an @import in another css file.

(HTML) simple graphic box code (3 col example) - rumremix

Thu, 23 Dec 2010 06:07:52 UTC

This is simple but saves time to copy-paste. This example has three columns (.boxcol) within the box. But the columns can be removed for single-column box.

(jQuery) jquery find child of $(this) - rumremix

Wed, 22 Dec 2010 09:35:52 UTC

(HTML) flash or object tags and z-index - rumremix

Mon, 29 Nov 2010 08:28:37 UTC

(JavaScript) Sharepoint: limit the results in caml query - rumremix

Sat, 20 Nov 2010 11:43:12 UTC

First option uses a parameter in spservices method to limit the results to four. Second option limits the results returned to six in the caml query iteslf using the <RowLimit> property.

(CSS) css image replacement technique - rumremix

Mon, 15 Nov 2010 18:25:10 UTC

Technique #8 in example page.

(CSS) css border shorthand order - rumremix

Mon, 15 Nov 2010 18:22:15 UTC

(SVN) tortoise svn crib notes - rumremix

Fri, 29 Oct 2010 05:34:34 UTC

General Notes: Don't use "import" command Steps for creating new svn project http://tortoisesvn.net/docs/release/TortoiseSVN_en/tsvn-dug-import.html#tsvn-dug-import-in-place 1. Use the repository browser to create a new project folder directly in the repository. 2. Checkout the new folder over the top of the folder you want to import. You will get a warning that the local folder is not empty. Now you have a versioned top level folder with unversioned content. 3. Use TortoiseSVN ? Add... on this versioned folder to add some or all of the content. You can add and remove files, set svn:ignore properties on folders and make any other changes you need to. 4. Commit the top level folder, and you have a new versioned tree, and a local working copy, created from your existing folder. Steps for syncing to existing project that someone else created on the repository http://tortoisesvn.net/docs/release/TortoiseSVN_en/tsvn-dug-checkout.html Steps for creating new visual studio project and syncing it to the repository create project and click "add to repository" (or something) checkbox (the vs tortoise plugin must be installed).

(CSS) CSS Conditional Comments in SharePoint 2010 - rumremix

Tue, 19 Oct 2010 06:24:45 UTC

We discovered that conditional comments donâ€™t always work so well in SP2010. Instead, it is necessary to use a SP control. Below is the correct syntax.

(JavaScript) strip html tags from a string in Javascript - rumremix

Wed, 13 Oct 2010 05:24:44 UTC

(HTML) Customizing Ribbon Positioning in SharePoint 2010 Master Pages - rumremix

Thu, 07 Oct 2010 10:28:21 UTC

(C#) sharepoint master page css link - rumremix

Wed, 18 Aug 2010 03:21:01 UTC

Using the CssRegistration control is the proper way to register CSS in a SharePoint master page/layout page, but it has drawbacks. Namely, no matter what order you put them on the page the server loads them in a seemingly arbitrary order, making it difficult to ensure that your CSS is loaded in the order you want. If you want to force the order you can use the After attribute, but it will only work if you give it the full path. Notice that corev4.css doesnâ€™t need the full path. I believe it is using the location of corev4.css as a itâ€™s default, so it doesnâ€™t need the whole path.

(ASP) sharepoint master page script link - rumremix

Wed, 18 Aug 2010 03:18:54 UTC

must be placed inside a form tag with runat=server, that is, beneath <form>

(JavaScript) javascript conditional assignment shorthand - rumremix

Thu, 12 Aug 2010 08:40:39 UTC

(JavaScript) sharepoint: grabbing top-level Style-Library url from any page using Javascript - rumremix

Wed, 11 Aug 2010 11:50:36 UTC

Use when you don't know what the top-level collection will be called.

(JavaScript) sharepoint root url - rumremix

Sat, 31 Jul 2010 08:24:36 UTC

(CSS) sharepoint 2010 how to remove height from ribbon area when ribbon hidden - rumremix

Fri, 30 Jul 2010 11:33:01 UTC

(CSS) sharepoint 2010 site actions and welcome link taming code - rumremix

Fri, 30 Jul 2010 11:20:02 UTC

Both master page code and css included here. If adding master page code to a master page, remove other instances of any controls that already exist on the master page. Also included here is css for just ie7 as it renders differently than ie8 and other browsers. place this code in a file called ie7.css and link to it via\\r\\n\\r\\n\\r\\n\\r\\n\\r\\nin the master page.

(JavaScript) SHAREPOINT 2010 READ FROM LIST USING ECMASCRIPT - rumremix

Fri, 23 Jul 2010 07:56:45 UTC

This code works for me without requiring any includes, plugins, or service packs. It should also integrate seamlessly with jquery. If needing to perform this process more than once on a page, make sure namedListItem variable is unique for each case (use different names for that page-scoped variable in each case). For caml queries, wrap Query tag in View tag. For lookup fields use .get_lookupValue() property syntax. For example...

topNavSection[enm] = oListItem.get_item('Section').get_lookupValue();

(JavaScript) sharepoint 2010 write to list using ecmascript - rumremix

Fri, 23 Jul 2010 07:52:30 UTC

This code works for me without requiring any includes, plugins, or service packs. It should also integrate seamlessly with jquery.

(JavaScript) Sharepoint Ajax List Data populater Example - rumremix

Sat, 19 Jun 2010 03:36:51 UTC