17

Since you are using SP.ClientContext in CSR, make sure the SharePoint script file 'sp.js' is loaded before your rendering code runs: SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function(){ //Your code goes here... });


11

Modify the view and select "Title" column instead of Title (linked to item with edit menu) . If you want Title column to be clickable, which opens the item itself then select Title (linked to item) column. For Library use Name (linked to document) column if you need to open the document on click of name.


9

fixed with this $(document).ready(function () { ExecuteOrDelayUntilScriptLoaded(CustomAction, "sp.js"); }); function CustomAction() { //Your Code }


4

There is a small change in this statement: callOutContenBodySection += '<iframe style="width: ' + pxWidth + 'px; height: ' + pxHeight + 'px;" src="' + urlWOPIFrameSrc + '&amp;action=interactivepreview&amp;wdSmallView=1" frameborder="0"></iframe>'; Replace the above statement with the below statement. callOutContenBodySection += '<...


4

I haven't tried for this particular case but I am sure it should work in this case too.You can inspect the element using F12 ( Deeveloper tool) and get the id or class of the download link and then add DISPLAY:NONE; css property to hide it. Also you can refer this blog for better understanding http://www.learningsharepoint.com/2013/07/08/hideremovecustomize-...


3

You can increase the "default" content width by setting the variable Strings.STS.L_DocLibCalloutSize, just change it after strings.js is loaded. Strings.STS.L_DocLibCalloutSize = "610" It is defined in clienttemplates.js, worst case you'll have to override the entire function; function OpenCallout(launchPoint, curEvent, node, listItemID) {... If you take ...


3

SPFx framework by default doesn't include SP JS. There are following two solutions, Include the JS Reference (In order to reduce the code change) Use the Office Fabric UI (Microsoft recommended way in SPFx) 1. Add JS Reference In order to get Callout feature to SPFx solution you need to include following JS references: /_layouts/15/init.js" /_layouts/15/...


3

This works for me when I am using WorkflowServices. It should work in your case as well: ExecuteOrDelayUntilScriptLoaded(function () { ExecuteOrDelayUntilScriptLoaded(function () { SP.SOD.registerSod('SP.ClientContext', SP.Utilities.Utility.getLayoutsPageUrl('sp.js')); SP.SOD.registerSod('SP.WorkflowServices.WorkflowServicesManager', SP....


3

Following line is missing in your code : listCallout.set({openOptions:{event: "hover"}}); Try with the following code : var listCallout = CalloutManager.createNew({ launchPoint: calloutLink, beakOrientation: "leftRight", ID: _announID, title: _announTitle, content: "<div class=...


2

The position of the callout between left-right or top-bottom is determined based on best available space without being truncated. Based on my experience it should work correctly as long as there is no other conflicting css altering the width and height dynamically. With that being said, we can however force the callout to a certain position by using the ...


2

maybe i misunderstood the question but it should be a matter of customizing the view and it is more a configuration than a customization. adding the 'Document ID' field to a view you get a column with a link: the description is the Document ID and the link itself is the url of the record (this is a url like 'http://yoursite/_layouts/15/DocIdRedir.aspx?ID=...


2

You need to have office webapps installed and configured on your SharePoint server. http://technet.microsoft.com/en-us/library/jj219455%28v=office.15%29.aspx http://melcher.it/2013/05/install-office-web-apps-2013-for-sharepoint-2013-with-pdf-preview/


1

You'd have to intercept the event that pops up that interface. I've never tried it, but all of the bars on the timeline have class js-callout-launchPoint and ms-tl-bar - maybe you could add some javascript to attach a new event to those classes. There are already events on that div for blur, dblclick, focus, mousedown, mouseout, and mouseover. To test, what ...


1

In SharePoint 2013, Microsoft has Introduced a new Framework to Create CallOuts that is somewhat similar to the Dialog Framework Introduced in SharePoint 2010. The new CalloutManager class in Callout.Js (path – C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\LAYOUTS) is responsible for Creating and editing Instances of a ...


1

I know its late to post but for someone who is looking for a answer. The above marked answer correct to extend but will have issue it might work on second instance like once clicked then hover. to have it hover from page load do the following inside the createnew method rather than using the set function openOptions : {event: "hover", showCloseButton: ...


1

Got the solution. I just added this.click() in the following code block calloutLink.onmouseover = function () { curListUrl = this.id; } So updated code looks like. calloutLink.onmouseover = function () { curListUrl = this.id; this.click(); // This line of code was missing } So final code for custom callout is given below: <script type="...


1

http://wp.ahcheng.com/2013/04/09/calling-dialog-modal-form-in-sharepoint-2013/ http://mscrmblog.net/2013/10/18/sharepoint-2013-open-a-modal-dialog-using-javascript/ from the above blog: function showSPDialog(pageUrl) { var options = { url: pageUrl, width: 400, height: 300 }; SP.SOD.execute ('sp.ui.dialog.js', '...


1

I don't think it is possible to create a mailto-link with a predefined body that has HTML in it. I did some searching: It is not possible, See this question on SO


1

the issue was caused by the div content: <div id="NotificationDiv"><asp:Label ID="lbl1" runat="server" Text="text"/> <a class="js-callout-launchPoint" id="ms-pageDescriptionDiv" href="javascript:;"> <span id="ms-pageDescriptionImage">&#160;</span></a></div> class="js-callout-launchPoint" was triggering the ...


1

The syntax of ExecuteOrDelayUntilScriptLoaded is ExecuteOrDelayUntilScriptLoaded("sp.js", "callout.js", CreateCallOutPopup);


1

Try using SP.SOD.executeFunc SP.SOD.executeFunc("callout.js", "Callout", CreateCallOutPopup); function CreateCallOutPopup() { var targetElement = document.getElementById('NotificationDiv'); // configure options var calloutOptions = new CalloutOptions(); calloutOptions.ID = 'notificationcallout'; calloutOptions....


1

Here are 2 pages that will help answer this... http://blog.milanchauhan.com/2013/08/custom-item-menu-action-in-document.html http://msdn.microsoft.com/en-us/library/office/jj163954%28v=office.15%29.aspx


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