SharePoint Edit Page and Personalize page using Javascript

I had to dig deep to find out what are the javascript functions called when we click the Edit Page button the SharePoint ribbon. I had to hide the ribbon for one of my client's requirements and i had to provide links for Edit Page, Personalize page and Save page.

I have used three hyperlinks for each of these functionalities. This is how we can do it in SharePoint.

<a href="javascript:ChangeLayoutMode(false);">Edit</a>

<a href="javascript:ChangeLayoutMode(true);">Personalize</a>

<a href="javascript:ChangeLayoutMode(null,true);">Save</a>

These functions are available in a Javascript file which SharePoint includes by default. So you just have to place this html on your page and there you go.

Comments

  1. KaiOctober 13, 2011 at 2:25 AM

    Thanks for tip. Help me a lot.

    ReplyDelete
  2. AvinashApril 3, 2013 at 1:56 PM

    Hi Naveed,

    How to hide the entire ribbon ?

    ReplyDelete
  3. AvinashApril 3, 2013 at 2:10 PM

    Hi Naveed,

    I tried adding the three line in my homepage under Edit html source section. I am unable to hide it still. Can you please advise ?

    Thanks in advance,

    ReplyDelete
    Replies
    1. Naveed MohammadApril 4, 2013 at 10:20 AM

      Hi Avinash,
      You can use SharePoint designer to open the page and add the HTML where you want it. You can also use a Content Editor web part and add the HTML in there.
      You can hide the ribbon by setting display:none for the #s4-ribbonrow in the css. But this would remove the ribbon for everyone including the administrator. If you want the admin to see it, you can make use of the SPSecurityTrimmedControl.

      Delete

Post a Comment

Popular posts from this blog

Create a Custom Timer Job in SharePoint 2010

Image
I had to create a custom timer job in SharePoint 2010 recently, but could not find a blog which explained the complete procedure to do this. So I decided to write one. In this post I will give a step by step process to create a Custom timer job in SharePoint 2010 using Visual Studio 2010. Timer jobs are created by extending the SPJobDefinition class and deployed as features. So we will create a class which extends the SPJobDefinition class. Then we will create a feature and we will handle the featureActivated() event of that feature. In that we will instantiate the class created. Let us see how to do all this. Create an empty SharePoint project in VS 2010. Give the Site Collection URL where you want this feature will be activated. Create a class in the project.   Add these namespaces using Microsoft.SharePoint; using Microsoft.SharePoint.Administration; class MyTimerJob : SPJobDefinition { public MyTimerJob() : base () { } public MyTimerJob( SPWebAp...
Read more

Create web part pages with custom layouts in SharePoint 2010

Image
SharePoint provides web part pages with eight layouts by default. Unfortunately the process of creating web part pages with custom layouts is a little complex. In this post i will show you how you can create web part pages with custom layouts. I have created a component which will deploy an application page which can be used to achieve this. Go to http://archive.msdn.microsoft.com/customspcf  and download the wsp file with the name CustomSPCF.wsp Deploy the solution. This will deploy an application page at /_layouts/customspcf/customspcf.aspx It will add four web part page layouts at 14\Template\1033\Sts\Doctemp\Smartpgs\CustomSPCF\ and four images corresponding to the layout at 14\Template\Images\CustomSPCF\ The below image shows how the application page will look like You can customize the application page and replace the deployed custom layouts or add new layouts. Follow the below steps to replace the exisitng layouts. 1. Go to the applciation page at ...
Read more

Config file for SharePoint custom timer jobs

Image
SharePoint timer jobs run under the OWSTIMER.exe process. This process has a configuration file associated with it. We can use this config file to specify the configuration settings that are to be used in custom timer jobs. Open the OWSTIMER.EXE.CONFIG and add the <appSettings> tag to it. Then add your key value pairs under this appSettings tag For this you have to add a reference to System.Configuration Then you can use the  System.Configuration. ConfigurationManager .AppSettings[ key ]  to retrieve the values for a key from the config file. Example:  string dept = System.Configuration. ConfigurationManager .AppSettings[ "Department" ];
Read more