Advertisement
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.
$(document).ready(function(){
mycallOuts();
});
<script>
function mycallOuts(){
SP.SOD.executeFunc("callout.js ", "Callout", function () {
SP.SOD.executeFunc('sp.js', 'SP.ClientContext');
var _getstatusid = document.getElementById("calSt atus");
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>'
});
});
}
</script>
HTML Form
<tr>
<td>Status of Current Task <span id='calStatus'><span>
<img src="http://dotnetsharepoint.c om/sites/SharePoint/SiteAssets /tooltipimage.png"/></span></ span></td>
<td><span class="myownclass" data-displayName="Status"></sp an></td>
</tr>
US Open Tennis
ReplyDeleteUS Open
US Open Tennis 2018
US Open 2018
2018 US Open
2018 US Open Tennis
US Open 2018 Schedule
US Open 2018 Tennis Schedule
US Open Tennis 2018 Schedule
U.S. Open
U.S. Open 2018
2018 U.S. Open
US Open Tennis Live
US Open Tennis Live Stream
US Open Tennis Live Streaming
US Open Live
US Open Live Stream
US Open Live Streaming
US Open 2018 Live
US Open 2018 Live Stream
US Open 2018 Live Streaming
US Open Tennis 2018 Live
US Open Tennis 2018 Live Stream
US Open Tennis 2018 Live Streaming
US Open 2018 TV Channel
US Open 2018 Dates
US Open Tennis Championships
US Open Tennis Championships 2018
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
ReplyDeleteI got what i am seraching from last few days in your Blog. I hope you will share more info about it. Please keep sharing.
ReplyDeleteLaptop Service center in Ameerpet
Dell Service center in Ameerpet
HP Service center in Ameerpet
Lenovo Service center in Ameerpet
This comment has been removed by the author.
ReplyDelete