Set a value when a widget come up

[gdimaria]

Hi, as in the Thread subjet I need to set an object's value (unsigned Integer) when a widget pops up.

Can you help me?

Thanks

Peppe

[admin]

You can use this example. Set Additional classes to widget-open for the element that opens the widget. #widget-2 is widget element id, change it and group address as needed.
Keep in mind that it won't work when transition animation is enabled.

Code:

$(function() {
  $('.widget-open').on('vclick', function() {
    var el = $('#widget-2');
    if (el.is(':visible')) {
      grp.write('1/1/1', 123);
    }
  });
});

There will be widget show/hide events added in RC2 firmware that will work correctly with animation:

Code:

$(function() {
  $('#widget-2').on('widget-show', function() {
    grp.write('1/1/1', true);
  });
  
  $('#widget-2').on('widget-hide', function() {
    grp.write('1/1/1', false);
  });
});

[gdimaria]

You can use this example. Set Additional classes to widget-open for the element that opens the widget. #widget-2 is widget element id, change it and group address as needed.
Keep in mind that it won't work when transition animation is enabled.

Code:

$(function() {
  $('.widget-open').on('vclick', function() {
    var el = $('#widget-2');
    if (el.is(':visible')) {
      grp.write('1/1/1', 123);
    }
  });
});

There will be widget show/hide events added in RC2 firmware that will work correctly with animation:

Code:

$(function() {
  $('#widget-2').on('widget-show', function() {
    grp.write('1/1/1', true);
  });
 
  $('#widget-2').on('widget-hide', function() {
    grp.write('1/1/1', false);
  });
});

Ok thanks but... how I can get the actual WIDGET ELEMENT ID?

[admin]

Open visualization in your browser, open the widget, right click in any empty space inside your widget and select "inspect element". In HTML inspector you will see something like <div id="widget-2"... widget-2 is your widget ID. Make sure that selector in Custom JS has # in the selector before the ID: $('#widget-2');

[gdimaria]

Ok! Everything is working... thanks!

Peppe

[gdimaria]

Just to make it perfect: How I can make a widget pop when when some grp address is triggered?

like you made for a plan with the code  below:


$(function(){

  if (typeof objectStore !== 'undefined') {

    var id = Scada.encodeGroupAddress('1/1/2');



    objectStore.addListener(id, function(object, type) {

      if (type == 'value') {

        showPlan(69);

      }

    });

  }

});





Tnx

[Daniel]

Have you seen this?
https://forum.logicmachine.net/showthrea...34#pid1934

[gdimaria]

Have you seen this?
https://forum.logicmachine.net/showthrea...34#pid1934

yes... it seems it doesn't work  

[admin]

There's an easier way to show a widget by simulating a click on the element that opens it. Make sure that your sending script is not attached to the same element otherwise you will get a loop.

Here, when 1/1/1 value is true view is switched to plan 12 and if #widget-2 is not yet shown a click event is triggered on an element with class show-widget

Code:

$(function() {
  if (typeof grp == 'object') {
    grp.listen('1/1/1', function(obj, state) {
      if (state == 'value' && obj.value) {
        showPlan(12);

        if (!$('#widget-2').is(':visible')) {
          $('.show-widget').click();
        }
      }
    });
  }
});

[gdimaria]

You can use this example. Set Additional classes to widget-open for the element that opens the widget. #widget-2 is widget element id, change it and group address as needed.
Keep in mind that it won't work when transition animation is enabled.

Code:

$(function() {
  $('.widget-open').on('vclick', function() {
    var el = $('#widget-2');
    if (el.is(':visible')) {
      grp.write('1/1/1', 123);
    }
  });
});

There will be widget show/hide events added in RC2 firmware that will work correctly with animation:

Code:

$(function() {
  $('#widget-2').on('widget-show', function() {
    grp.write('1/1/1', true);
  });
 
  $('#widget-2').on('widget-hide', function() {
    grp.write('1/1/1', false);
  });
});

You can use this example. Set Additional classes to widget-open for the element that opens the widget. #widget-2 is widget element id, change it and group address as needed.
Keep in mind that it won't work when transition animation is enabled.

Code:

$(function() {
  $('.widget-open').on('vclick', function() {
    var el = $('#widget-2');
    if (el.is(':visible')) {
      grp.write('1/1/1', 123);
    }
  });
});

There will be widget show/hide events added in RC2 firmware that will work correctly with animation:

Code:

$(function() {
  $('#widget-2').on('widget-show', function() {
    grp.write('1/1/1', true);
  });
 
  $('#widget-2').on('widget-hide', function() {
    grp.write('1/1/1', false);
  });
});

Ok thanks but... how I can get the actual WIDGET ELEMENT ID?

when I set a pincode to the button object with the class "#widget-x'" javascript doesn't work!

Is there a solution?

Thanks

[admin]

This will not work with a pin-code. You'll have to wait for RC2 to use widget events.