Jump to content
uniGUI Discussion Forums
Sherzod

The Callout extension

Recommended Posts

Hi!

 

The Callout extension

Callout is an extension class, which is a CSS styleable floating callout container with an optional arrow, developed by John Yanarella. It is useful for creating hint overlays and interactive callout windows/popovers...

 

https://github.com/CodeCatalyst/Ext.ux.callout.Callout

 

post-906-0-94467000-1448966705_thumb.png

 

A live demo is available for this extension at http://lab.codecatalyst.com/Ext.ux.callout.Callout.

 

Exemplary use:

 

1. Add these files to the project:

https://github.com/CodeCatalyst/Ext.ux.callout.Callout/tree/master/build

 

2.

procedure TMainForm.UniButton1Click(Sender: TObject);
begin  
  UniSession.AddJS(
  'Ext.widget(''callout'', {'+
         'cls: "cartoon",'+
         'width: 200,'+
         'html: "Click anywhere to dismiss this callout window.",'+
         'calloutArrowLocation: "top",'+
         'target: "#'+UniButton1.JSName+'_id",'+
         'relativePosition: "t-b",'+
         'relativeOffsets: [0,10],'+
         'fadeInDuration: 200,'+
         'fadeOutDuration: 200,'+
         'dismissDelay: 5000,'+
    '}).show();'
  );
end;

Best regards.

  • Upvote 2

Share this post


Link to post
Share on other sites

Demo looks great!

 

How do I add this file to the project?

I put it in:

   C:\Program Files (x86)\FMSoft\Framework\uniGUI\ext-4.2.5.1763\examples\ux\callout

but it does not work...

 

What am I doing wrong?

Steve

Share this post


Link to post
Share on other sites

×