The Callout extension

[Sherzod]

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

 

 

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.

[Marlon Nardi]

Thank you for sharing

[mhmda]

very good, thanx

[steve589]

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

[dbf_usr]

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

 

 

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!

 

[Sherzod]

12 minutes ago, dbf_usr said:

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

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

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

[dbf_usr]

1 hour ago, Sherzod said:

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

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

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

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

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

 

[Sherzod]

21 minutes ago, dbf_usr said:

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

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

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

 

[Sherzod]

[Sherzod]

UniServerModule.CustomFiles

[dbf_usr]

1 hour ago, Sherzod said:

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

 

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

[Sherzod]

18 minutes ago, dbf_usr said:

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

Выше смотрите. 

[dbf_usr]

1 hour ago, Sherzod said:

Выше смотрите. 

Спасибо!!!