Botton to close a widjet

[gdimaria]

Hi, I would like to close a widget not only clicking outside it, but also clicking on an icon object (i.e. X) like in the picture. How I can do?

Thanks 

Peppe

[admin]

Use hide-widget class, add to custom JS:

Code:

$(function() {
  $('.hide-widget').off('vclick').on('vclick', hideWidgets);
});

No need to duplicate this code for multiple widgets, use the same class and it will work correctly.

[gdimaria]

Use hide-widget class, add to custom JS:

Code:

$(function() {
  $('.hide-widget').off('vclick').on('vclick', hideWidgets);
});

No need to duplicate this code for multiple widgets, use the same class and it will work correctly.

Great! Thank you so much.

Peppe

[christiaens.t]

Hi,

In my case I have a widget to control the heating mode => it pops up 4 additional buttons to select the appropriate mode.
Now I have to the select the mode and then push next to the widget to close it.
I would like to auto-close the widget as soon as one of those 4 buttons have been pushed, and thus a heating mode has been selected.

What would be the custom css in this case?

Thank you!

Thijs

[admin]

Add hide-widget class to all buttons, add to custom JS:

Code:

$(function() {
  $('.hide-widget').on('vclick', hideWidgets);
});

This will keep the original event that sends an object value and will close the widget when clicked.

[christiaens.t]

Add hide-widget class to all buttons, add to custom JS:

Code:

$(function() {
  $('.hide-widget').on('vclick', hideWidgets);
});

This will keep the original event that sends an object value and will close the widget when clicked.

Awesome admin!

[j.martinez@t-ingeniamos.com]

Use hide-widget class, add to custom JS:

Code:

$(function() {
  $('.hide-widget').off('vclick').on('vclick', hideWidgets);
});

No need to duplicate this code for multiple widgets, use the same class and it will work correctly.

I have tried this solution. Now the widget close when i push the button but it didn't send any value to the direction group....what i am missing?

[admin]

Works for me - object value is sent and widget is closed. Which browser are you using?

[j.martinez@t-ingeniamos.com]

Works for me - object value is sent and widget is closed. Which browser are you using?

CHROME  Version 114.0.5735.110 (Build oficial) (64 bits)

[Daniel]

I tried it too on SL and it works for me. Which firmware do you use?

[j.martinez@t-ingeniamos.com]

I tried it too on SL and it works for me. Which firmware do you use?

Hello Daniel, we have 2.7.0 on the LM now

[Daniel]

There is no such thing like 2.7.0 for LM I tried it on 2.8.0 on SL

[j.martinez@t-ingeniamos.com]

There is no such thing like 2.7.0 for LM I tried it on 2.8.0 on SL

Sorry the confusion! 2.7.0 SL no LM..... I will update to 2.8.0 thankyou

[j.martinez@t-ingeniamos.com]

There is no such thing like 2.7.0 for LM I tried it on 2.8.0 on SL

Sorry the confusion! 2.7.0 SL no LM..... I will update to 2.8.0 thankyou

Updated and now working fine!!

Thank you everyone!!!