Create CallOuts in SharePoint

In this article we can able to see how to use callouts in SharePoint

In my requirement  having a status column having multiple drop down values , i will need to explain about the values available in the drop down.

For that i used Callouts which is newly introduced in SharePoint2013.


function mycallOuts(){
SP.SOD.executeFunc("callout.js", "Callout", function () {
SP.SOD.executeFunc('sp.js', 'SP.ClientContext'); 
         var _getstatusid = document.getElementById("calStatus");
         var listCallout10 = CalloutManager.createNew({ 
         launchPoint: _getstatusid,
         beakOrientation: "leftRight", 
         ID: "CallOutID", 
         content: '<b>Red</b> <br>Rejected<br></br> <b>Green</b> <br>No Action Requried<br><br>'

HTML Form 

<td>Status of Current Task <span id='calStatus'><span>
 <td><span class="myownclass" data-displayName="Status"></span></td>

Lakshmi Tulasi Jasti

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment


  1. Thanks for such a great article here. I was searching for something like this for quite a long time and at last, I’ve found it on your blog. It was definitely interesting for me to read about their market situation nowadays.angularjs best training center in chennai | angularjs training in velachery | angularjs training in chennai | angularjs training in omr

  2. I got what i am seraching from last few days in your Blog. I hope you will share more info about it. Please keep sharing.
    Laptop Service center in Ameerpet
    Dell Service center in Ameerpet
    HP Service center in Ameerpet
    Lenovo Service center in Ameerpet

  3. This comment has been removed by the author.

  4. We are amongst the Best Mobile App Development Company in Mumbai that offer IOS, Android Mobile Application Development services that look Great and act Smart.
    Mobile app development company in mumbai