Draggable tabs

[Mediv07]

Hi Farhad.

If it possible, add the ability to drag tabs headers on UniPageControl, such as in Google Chrome.

Thank you.

[Sherzod]

Hi Mediv07.

Yes it is possible, there is a special plugin "TabReorderer", located in the directory:

"C:\Program Files\FMSoft\Framework\uniGUI\ext-4.2.1.883\examples\ux"

 

How to use?

Try...

 

1. You must include two files in your project BoxReorderer.js and TabReorderer.js: (in such sequence!)

Both files are located in the directory "C:\Program Files\FMSoft\Framework\uniGUI\ext-4.2.1.883\examples\ux".

Copy these files to the directory "../files" and include in your project:

files/BoxReorderer.js
files/TabReorderer.js

2. Further it is necessary to include this plugin:

function tabPanel.beforeInit(sender)
{
  sender.plugins = [Ext.create('Ext.ux.TabReorderer')];
}

 

sample: http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tabs/reorderable-tabs.html

 

Best regards.

[Mediv07]

Hi Mediv07.

 

Yes it is possible, there is a special plugin "TabReorderer", located in the directory:

"C:\Program Files\FMSoft\Framework\uniGUI\ext-4.2.1.883\examples\ux"

 

How to use?

Try...

 

1. You must include two files in your project BoxReorderer.js and TabReorderer.js: (in such sequence!)

Both files are located in the directory "C:\Program Files\FMSoft\Framework\uniGUI\ext-4.2.1.883\examples\ux".

Copy these files to the directory "../files" and include in your project:

files/BoxReorderer.js
files/TabReorderer.js

2. Further it is necessary to include this plugin:

function tabPanel.beforeInit(sender)
{
  sender.plugins = [Ext.create('Ext.ux.TabReorderer')];
}

TabReorderer.png

 

sample: http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tabs/reorderable-tabs.html

 

Best regards.

 

 

Thanks works.

[David Oliveira]

nicely, thank you

[AdrianoArantes]

Someone has implemented for DBGRID?

[AlexM123]

Dear Sherzod

I have UniGUI 1.95.0 build 1580 .

Could you advise if the solution still works. Where are these js files located?

 

[Sherzod]

Hello, 

Yes, it's simple. I'll try to respond later.

[AlexM123]

Hello Sherzod

I will be looking forward to the update

[Sherzod]

18 hours ago, AlexM123 said:

Where are these js files located?

Simply add to the initialization section.

initialization
  UniAddCSSLibrary('build/packages/ux/classic/classic/resources/ux-all.css', False, [upoFolderJS, upoPlatformDesktop]);
  UniAddJSLibrary('build/packages/ux/classic/ux.js', False, [upoFolderJS, upoPlatformDesktop]);

 

[AlexM123]

The init section should be placed in Main module?

Should TUniPageControl property Draggable.Enabled must be set to True?

 

After the property is set and when I am dragging any header, the TUniPageControl disappears ((

[Sherzod]

1. MainForm -> 

initialization
  UniAddCSSLibrary('build/packages/ux/classic/classic/resources/ux-all.css', False, [upoFolderJS, upoPlatformDesktop]);
  UniAddJSLibrary('build/packages/ux/classic/ux.js', False, [upoFolderJS, upoPlatformDesktop]);

2. 

function tabPanel.beforeInit(sender, config)
{
    config.plugins = [Ext.create('Ext.ux.TabReorderer', {})];
}

 

[AlexM123]

Thank you Sherzod

works!

Draggable.Enabled must be false