Jump to content

The Callout extension


Sherzod

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 3
Link to comment
Share on other sites

  • 2 years later...
  • 3 years later...
On 12/1/2015 at 1:16 PM, Sherzod said:

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.

Подскажите пожалуйста, в какое место нужно добавить эти файлы?

Please tell me where to add these files?

Thanks in advance!

 

Link to comment
Share on other sites

12 minutes ago, dbf_usr said:

Подскажите пожалуйста, в какое место нужно добавить эти файлы?

Здравствуйте, 

Можете скопировать файлы в папку files, и включить в проект.

Link to comment
Share on other sites

1 hour ago, Sherzod said:

Здравствуйте, 

Можете скопировать файлы в папку files, и включить в проект.

каталоги с файлами (resource/css/theme), (src/ux/callout) или только файлы из этих каталогов?

как файлы включить в проект, это же не код Delphi ?

перепробовал все варианты - ошибка

image.png.c33cd3771685ad92e0b04aa03800a8d3.png

 

Link to comment
Share on other sites

21 minutes ago, dbf_usr said:

каталоги с файлами (resource/css/theme), (src/ux/callout) или только файлы из этих каталогов?

перепробовал все варианты - ошибка

image.png.c33cd3771685ad92e0b04aa03800a8d3.png

Вы кажется не включили в проект.

image.thumb.png.46ae86d37e2057cff75e6ff759ab1f48.png 

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...