Visual webpart for office 365

Hi Everyone, In Today’s Post we are going to see Office 365 how to build and deploy a web part with sharepoint online.
Prerequisites:
1. Visual Studio
2. SharePoint Site
3. Visual Studio 2010 Power Tools
4. Office 365 Site
Note: Please install Visual Studio 2010 Power Tools before starting
Please follow the below Procedure.
Step 1
Run Visual Studio as an Administrator
Step 2
Create a Project using “Empty SharePoint Project” Template
Step 3
Specify the local Share Point site Url(Not o365)
Step 4
Select “Deploy as Sandbox solution”option and click on Finish
Step 5
Now Add Visual Web part(Sandbox) Template
Step 6
Write your code as per the requirement
Step 7
Build the Solution and Test the functionality in Local Site.
Step 8
Package the solution by clicking on “Package” Option.
Right click on solution ->Package
Step 9
Now login into o365 Site as an Administrator
Step 10
click on the solution Gallery
Root site -> Site Actions -> Site Settings -> Galleries -> Solutions
Step 11
Click on Solutions
Step 12
Click on “Upload Solution” and browse the .wsp file that you have created in Visual Studio
take wsp from bin’s Debug/Release Folder of Solution.
Step 13
Click on “Activate” button
Step 14
Create Page and add the web part. Thats it.

Comments

Post a Comment

Popular posts from this blog

Content Query Webpart Template In SharePoint 2013 and add new column in it

Dear All, Here is the easiest way to make add custom column under your content query web part and then you can format it as you want. Step 1:  Open Sharepoint design Step 2:  Open site for sharepoint parent site collection Step 3:  Locate the following folder Style Library > XLS Style Sheets Step 4:  Open "ItemStyle.xsl"  file Add the custom style sheet as you want <xsl:template name="[Your Style Name]" match="Row[@Style='[Your Style Name]']" mode="itemstyle">                                                   <xsl:param name="CurPos" />                                                     <xsl:variable name="SafeLinkUrl">                                                       <xsl:call-template name="OuterTemplate.GetSafeLink">                                                         <xsl:with-param name="UrlColumnName" select="'LinkU
Read more

Updatepanel or Enable Ajax in SharePoint webpart

Dear All It is really giving me a hard to get this techniques if you want to run the update panel in sharepoint 2013 webpart then you need to initialize the script manage by code   protected override void OnInit(EventArgs e)         {             base.OnInit(e);             InitializeControl();             // Register the ScriptManager             ScriptManager scriptManager = ScriptManager.GetCurrent(this.Page);             if (scriptManager == null)             {                 scriptManager = new ScriptManager();                 scriptManager.ID = "ScriptManager1";                 scriptManager.EnablePartialRendering = true;                 Controls.AddAt(0, scriptManager);             }         } In ascx page you need to add the following  <asp:UpdateProgress ID="UpdateProgress1" runat="server">     <ProgressTemplate>         <h1>Your progress value</h1>     </ProgressTemplate> </asp:U
Read more

Open and Close SharePoint Dialog Box or dlg and Refresh Parent Page

Dear All,  If you are looking for close the ISDGL=1 Sharepoint dialog box on button click on C# here is the code for it Add following script files in to ascx file for open popup! <Sharepoint:ScriptLink runat="server" Name="SP.UI.Dialog.js" Localizable="false"  ID="s4" LoadAfterUI="true"/> This script will set the properties of popup window <script>     function openPop_up(pageURL, title, dlgwidth, dlgHeight) {         var options = {               url: pageURL,               title: title,             allowMaximize: false,           showClose: true,           width: dlgwidth,         height: dlgHeight,         dialogReturnValueCallback: Function.createDelegate(null, function(result, returnValue) {               if (result == SP.UI.DialogResult.OK) {                   if (returnValue == null) {                       SP.UI.Notify.addNotification('Operation successful');                       SP.UI
Read more