Tunitoolbutton non focusable. Possible ?

[Roberto Nicchi]

Is it possible to avoid the Tunitoolbutton get the focus when clicked ? The focus must remain in the currently focused control.

Thanks.

Roberto

[M.Ammar]

Hi

Try setting focus  onClick

 UniEdit.JSInterface.JSCall('focus', []);

regards

 

 

[Roberto Nicchi]

2 minutes ago, M.Ammar said:

Hi

Try setting focus  onClick

 UniEdit.JSInterface.JSCall('focus', []);

regards

 

 

Not sure to understand. I guess Uniedit is a specific component. I want the focus remain in the current component.

I work with frames. I have a base frame with only a toolbar and some buttons. All the other frames are inherited by this frame.

thanks

[x11]

Maybe TUniSpeedButton?

[Roberto Nicchi]

23 minutes ago, x11 said:

Maybe TUniSpeedButton?

I was thinking the same but unfortunately i see that the TUniSpeedButton get the focus either.

[x11]

And if you use the label (TUniLabel) instead of the button?

[Roberto Nicchi]

22 minutes ago, x11 said:

And if you use the label (TUniLabel) instead of the button?

Thanks but the TUniLabel component doesn't have an icon and i need it.

I'll make a request to add a FOCUSABLE property for the Tunitoolbutton component (and for the TUniSpeedButton).

[x11]

1 hour ago, Roberto Nicchi said:

TUniLabel component doesn't have an icon

Use fontawesome

https://fontawesome.com/v5.15/icons?d=gallery&p=2&s=regular,solid&m=free

UniLabel1.Caption := '<i class="far fa-address-card"></i> this is a TUniLabel1';
UniLabel1.TextConversion := txtHTML;

 

 

[Roberto Nicchi]

32 minutes ago, x11 said:

Use fontawesome

https://fontawesome.com/v5.15/icons?d=gallery&p=2&s=regular,solid&m=free

UniLabel1.Caption := '<i class="far fa-address-card"></i> this is a TUniLabel1';
UniLabel1.TextConversion := txtHTML;

 

 

This could be a solution. I'll take a look. Thanks. Anyway i think a property in the button to make it not focusable could be very handy.

[Hayri ASLAN]

23 hours ago, Roberto Nicchi said:

Is it possible to avoid the Tunitoolbutton get the focus when clicked ? The focus must remain in the currently focused control.

Thanks.

Roberto

One possible solution:

 

UniToolButton -> ClientEvents -> ExtEvents -> mousedown

function mousedown(sender, x, y, eOpts)
{
  ActiveCmp = Ext.get(Ext.Element.getActiveElement());
}

UniToolButton -> ClientEvents -> ExtEvents -> click

function click(sender, e, eOpts)
{
  ActiveCmp.focus();
}

 

[Roberto Nicchi]

28 minutes ago, Hayri ASLAN said:

One possible solution:

 

UniToolButton -> ClientEvents -> ExtEvents -> mousedown

function mousedown(sender, x, y, eOpts)
{
  ActiveCmp = Ext.get(Ext.Element.getActiveElement());
}

UniToolButton -> ClientEvents -> ExtEvents -> click

function click(sender, e, eOpts)
{
  ActiveCmp.focus();
}

 

Hello, i have tryed this (copyed and past both JS events) but seems have no effect ...

[Hayri ASLAN]

1 hour ago, Roberto Nicchi said:

Hello, i have tryed this (copyed and past both JS events) but seems have no effect ...

Please send your test case. It is working in my end

[Roberto Nicchi]

1 minute ago, Hayri ASLAN said:

Please send your test case. It is working in my end

I'll do it ASAP

thanks

Roberto

[Sherzod]

On 6/22/2021 at 5:41 PM, Roberto Nicchi said:

Is it possible to avoid the Tunitoolbutton get the focus when clicked ? The focus must remain in the currently focused control.

Hello,

Also try this approach.

UniToolBar -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.query('button').forEach(function(btn){btn.getEl().dom.addEventListener('mousedown', function(e){e.preventDefault()})});
}

 

[Roberto Nicchi]

59 minutes ago, Sherzod said:

Hello,

Also try this approach.

UniToolBar -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.query('button').forEach(function(btn){btn.getEl().dom.addEventListener('mousedown', function(e){e.preventDefault()})});
}

 

Five stars for this reply  it works. Thanks a lot!