Dubai Sharepointer meetup

Friday, May 17, 2013

 
 
 
It was Great Fun to meet Sharepointers in UAE. Salman Ahmed and All Other Community members done great effort and hope so in  near feature we will do some more SharePoint Community events very soon. 

X-Frame-Options’ to ‘SAMEORIGIN’ SharePoint2013 X-Frame without x-frame-options error

Monday, May 6, 2013

I was try to Add Item in  Custom list which in hosted Site from SharePoint hosted App.  then try to open same Add Form in Dialogbox and Get this Error. then I Find one very helpful Post  By .



xxxxxxxx-------------a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.


This is because SharePoint 2013 adds the x-frame-options header set to same origin.

to Solve this Problem.

Add this Control on Top of the App Page.


The following tells SharePoint to allow this page to be hosted in an IFrame -

<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>



Hope So it will help others 



Open Module Popup Dialog SharePoint 2010

Fastest Way :)


function OpenPopUpPage(url, callback, width, height)

function OpenPopUpPageWithTitle(url, callback, width, height, title)

function OpenPopUpPageWithDialogOptions(dialogOptions)




Or  you can use this Custom Function

//Add Dialog for Update,New Forms


function dialogfunction(pageUrl) {
    var options = { url: pageUrl, width: 400, height: 300 };
    SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
}






To Use above Function need Following SharePoint
 JavaScript libraries


SP.UI.Dialog.js
SP.Core.js
SP.js,




Create an external content type from an OData source in SharePoint 2013

Sunday, May 5, 2013

External content type are is core part of Business Connectivity Services. which allow you create content type for external data to collaborate  with SharePoint. its more meaningful way to  interact  external data. you use your LOB Application with SharePoint 2013 and Performed CURD Operations. 

More About BCS 



 Prerequisites

 Microsoft SharePoint 2013
VS2012 with SharePoint 2013 Tools Developer 
Published OData Service . Sample free OData Sources List


1 Open VS2012  and Create New Project. Visual Studio >New Project >Office/SharePoint>App>Apps for SharePoint 2013.

2 Enter Your Project and Click Ok.

3 Enter your App Name and insert SharePoint Site URL where you want to debug or use it.
4 Select "SharePoint-Hosted" in type of host you want to select for you app.
5 Right Click on Solution Explorer in Visual Studio> Add > Content Type for an External Data Source.
6 It will Open SharePoint Customization Wizard Add external  Data Source Name and URL for Odata Service. 

7. Select Entities that you want to Create ECT then Click on Finish 

8. Once you create ETC It will Create one Sub folder in Solution under ETC which have by default List for that ETC. 

9.  Right Click On AppManifest.xml from Solution in Visual Studio select View Code then change the Value of attribute called " " with this ~appWebUrl/Lists/Employee.
10. Click  F5 to test and Deploy. go to you site > Site Content and you will your new app is there click on it.



Click on any of these item then you can see all information is here you can edit these recorded it depend on you service as well. 
for that you have create you own WCF Data Service then you can modified Records 



.List will not Appear in Site this Site Content for that you have Understand SharePoint  App Security and Storage Module. here MVP CHRIS O'BRIEN explained it very beautifully.


If have any other Questions Regarding that kindly Email me @ usamawahabkhan@gmail.com.


By Usama Wahab Khan 

Microsoft Gulf Community Day X Factor

Saturday, May 4, 2013





Microsoft held a Community Day X Factor on May 4th 2013 at Microsoft Gulf, Dubai. In the first session
Eduardo Ortega, Technical Evangelist for Windows 8 and Windows Phone 8 from Microsoft Gulf talked about the MVP Program and shared his own experiences as an MVP for 4 years before joining Microsoft. In second session Natasha from Microsoft talked about the local developer communities that Microsoft is supporting.


Bing Maps and Leap Motion by Zubair Ahmed

 BITS-Pilani Dubai show their Musical Stairs project


I talk about SharePoint 2013 and App Development Module and how to Get started  



Robotics Demo and Winner 





It was great fun to meet all other Techies from different Technical Communities. Session By Eduardo Ortega, Technical Evangelist on MVP Program was really helpful and Motivating . 


Microsoft certified Trainer 2013 SharePoint

Thanks to ALMIGHTY ALLAH I ACHIEVED MCT 2013 FOR SHAREPOINT.

TypeScript For SharePoint 2013

Saturday, April 20, 2013



SharePoint App and JavaScript CSOM.

Major change in Microsoft SharePoint 2013 development Module  is SharePoint Apps . Previously We have 2 types of solution in SharePoint 2010 1  Farm Solution and  Sandbox Solution. Farm Solution  used full server side SharePoint API and Run SharePoint worker Process. And Sandbox have few limitations  and partially trusted solution which run under the site collection. The biggest change in SharePoint 2013 is App  Solution. Where everything is running outside the SharePoint . App Module is all about HTML 5 , Javascript, Jquery , CSS , Json, JavaScript CSOM. Mainly.  Microsoft greatly enhanced and improved JavaScript CSOM. To meet the Enterprise Development Requirement. SharePoint 2013 Developers need more JavaScript skills to build  large scalable Apps based on JavaScript CSOM. Which required better and highly-productive development tools .Which helps to build robust Apps. So Answer is Typescript,light switch Visual Studio 2012.

                                      
Typescript
The typescript is designed by Microsoft language for Large JavaScript based Application and Module Development .The typescript is a typed superset of JavaScript that compiles to plain JavaScript. And Provide great OOP advantages. You can create
Optional types, classes, and modules to develop large JavaScript programs. Its free and Open Source language which designed by Anders Hejlsberg lead architect of C#. You can extend JavaScript syntax without any changes. Typescript plugin is
Available for Visual Studio 2012 where you can get maximum advantage of working on strong typing and intelligence.  Which make your JavaScript Development Very easy.

Download:  Play : Learn http://www.typescriptlang.org

                                            

SharePoint Typescript Definitions
  Type definitions is required for information about Types of variables, parameters, methods, Classes, Modules. Which is by default not available for SharePoint. Might be at some later stage Microsoft Will Provide that OOB. But now thank to the Passionate Typescript Community. MVP Andrey Markeev and  Stas Vyshchepan. Create Open Source  Type Script Definitions  for SharePoint Project on Codeplex . Advantages of SharePoint Type Script Definitions is when you are working on SharePoint 2013 App Module or JavaScript CSOM. By using Typescript with Typescript Definitions for SharePoint you get leverage of OOP, and benefit from strong typing and intelligence.
http://sptypescript.codeplex.com/



  1. Client Side Object Model (CSOM) core classes
    • SP namespace (ready)
    • SP.WebParts (ready)
    • SP.Utilities (work in progress) - DateUtility and HttpUtility classes aren't ready yet
    • SP.SOD (ready)
  2. Social object library
    • SP.Sharing (ready)
    • SP.UserProfiles (ready)
    • SP.Social (ready)
  3. SharePoint Client Side Rendering 
    • SPClientTemplates (ready)
  4. Workflows
    • SP.Workflow (ready)
    • SP.WorkflowServices (ready)
  5. SharePoint UI elements:
    • SP.UI.Notify (ready)
    • SP.UI.Status (ready)
    • SP.UI.Menu (ready)
    • SP.UI.ModalDialog (ready)
    • SP.UI.ApplicationPages - some useful stuff here nobody knows about e.g. ClientPeoplePickerWebServiceInterface! (ready)
    • CalloutManager (ready)
    • SP.UI.TileView (planned)
    • SP.UI.Controls (planned)
    • SP.UI.ComboBox (planned)
  6. SharePoint Search
    • Microsoft.SharePoint.Client.Search (ready)
  7. Business Connectivity Services
    • SP.BusinessData (ready)
  8. SharePoint Managed Metadata
    • SP.Taxonomy (ready)
  9. SharePoint Publishing Infrastructure
    • SP.Publishing (planned)