CHUVASH.eu

CHunky Universe of Vigourous Astonishing SHarepoint :)

Callouts in SharePoint 2013 Preview

While ModalDialog is not default for editing list items in SharePoint 2013 Preview, there is a new “popup” element in SharePoint – callout or popover. I would like to recommend these two blogs when you want discover more:

Andrey Markeev: Callouts (popovers) в SharePoint 2013 Preview (in Russian)

Alex Boev: a three part series:

1. Custom Callouts in the SharePoint 2013 Metro UI: Part 1: Basics
2. Custom Callouts in the SharePoint 2013 Metro UI, Part 2: Actions
3. Custom Callouts in the SharePoint 2013 Metro UI, Part 3: CalloutManager

To get introduced with callouts in SharePoint 2013, you can run this code (from Andrey Markeev’s blog):

myCustomCallout = calloutManager.createNewIfNecessary({
    ID: 'myCallout1',
    title: 'Hello world!',
    content: 'Please, click here.',
    launchPoint: $get('ctl00_DeltaPlaceHolderPageTitleInTitleArea')
});
myCustomCallout.open();

Which will result in:
Custom Callouts in SharePoint 2013 Preview (from Andrey Markeev's blog)

Advertisements

10 responses to “Callouts in SharePoint 2013 Preview

  1. Raj 2013-02-13 at 20:22

    Hi,

    i am not able to see the callout box. getting this error in browser console..
    ‘m$’ is undefined
    callout.js, line 1 character 24301,

    Can You help me out in fixing this.

    Thank You
    Raj

  2. Anatoly Mironov 2013-02-14 at 18:42

    Hi! When something is undefined like m$, then the callout.js has not been loaded correctly, or some parameter is missing. Post some code example in a comment and I’ll see if I can help you. Cheers.

  3. Suresh Pydi 2013-03-25 at 12:35

    Very nice article. Iam impressed with your article and wrote my understandings here

    http://sureshpydi.blogspot.in/2013/03/sharepoint-2013-call-outs-creating.html

  4. Ritesh 2013-04-03 at 07:56

    Hi,
    I read your article but when I tried to implement it in my environment in App Part it is giving me error.
    “‘IsElementRtl’ is undefined”
    can you help me in fixing this.

    Thanks,
    Ritesh

    • Anatoly Mironov 2013-04-03 at 10:23

      Hi, Ritesh! I haven’t tested it in an App Part. I suppose, some js references are not loaded. Try to figure out what references are missing. You can even ask a question in SharePoint Stackexchange where many experts can give a good answer.

  5. Ritesh 2013-04-03 at 10:59

    Thanks Anatoly for Reply,
    I have used following JS references in my app part.

    I have already posted this issue in Microsoft Technet and I will also post same in Stack Exchange.

    Thanks,
    Ritesh

    • Ritesh 2013-04-03 at 11:03

      I have used following JS references.

      <script type=”text/javascript”src=”../Scripts/jquery-1.7.1.min.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/MicrosoftAjax.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/init.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/mQuery.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/sp.ui.dialog.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/sp.runtime.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/sp.js”></script>
      <script type=”text/javascript”src=”/_layouts/15/callout.js”></script>

      Thanks,
      Ritesh

  6. Max 2013-04-11 at 11:34

    Is it possible to manage callouts opened on sharepoint list item?
    If I want to add a button on the system Callout of a list, can I?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Discovering SharePoint

And having fun doing it

Bram de Jager talking Office 365, SharePoint and Azure

My view and thoughts on Productivity and more.

My programming life

and everything in between

SharePoint Development Lab by @avishnyakov

It is a good place to share some SharePoint stories and development practices.

SharePoint Dragons

Nikander & Margriet on SharePoint

RealActivity - Real-time and trustworthy

Blog site of founder, RealActivty - Paul J. Swider

Mai Omar Desouki - Avid SharePointer

Egyptian & Vodafoner - Senior SharePoint Consultant

Cameron Dwyer | Office 365, SharePoint, Outlook, OnePlace Solutions

Office 365, SharePoint, OnePlace Solutions & Life's Other Little Wonders

paul.tavares

Me and My doings!

Share SharePoint Points!!

By Mohit Vashishtha

Jimmy Janlén "Den Scrummande Konsulten"

Erfarenheter, synpunkter och raljerande om Scrum från Jimmy Janlén

SPJoel

SharePoint for everyone

SharePointRyan

Ryan Dennis is a SharePoint Solution Architect with a passion for SharePoint and PowerShell

SharePoint 2020

The Vision for a Future of Clarity

Aharoni in Unicode, ya mama

Treacle tarts for great justice

... And All That JS

JavaScript, Web Apps and SharePoint

blksthl

Mostly what I know about SharePoint - CommunicoCuspis

%d bloggers like this: