Hello,

I'm just following up to see if you need any further assistance with this issue. If so please let me know.

Hello,

1) It is expected that  var myListBar = iglbar_getListbarById("UltraWebListbar1"); will not work with the newer version. As mentioned you can get reference to the client side object of the control as follows:

var myListBar = ig_controls.UltraWebListbar1;

2) As mentioned above I suggest manipulating the height of the DOM elements containing the groups, so your code will look like this:

function UltraWebListbar1_resize()
{
    var myListBar = ig_controls.UltraWebListbar1; // just example how to get reference, you do not need it for the operations below

     var groupElements = document.getElementsByClassName("igeb_GroupContents");

      for (var i = 1; i < groupElements.length; i++) {
            groupElements[i].style.height = "100%";
      }
}

Please test it on your side and let me know if this works. Looking forward to hearing from you.

Best Regards,
Hristo Anastasov
Developer Support Engineer
Infragistics, Inc.

That solution is for older version.
I'm converting an 2009 website into a 2014.2, and on the old version that solution was used as:

function UltraWebListbar1_resize()
{
    var myListBar = iglbar_getListbarById("UltraWebListbar1");
    var new_list_height = parseInt(parent.document.getElementById('navigation_div').style.height,0);
      
    if(myListBar != null)
      {
        myListBar.Element.style.height = (new_list_height - 2) + "px";
      }
      else
      {
       //alert("null list bar");
      }
}

But it's not working with the new version because of iglbar_getListbarById('iglbar_getListbarById' is undefined).

I try the following:

$(window).on('resize', function () {
  var groupElements = document.getElementById('nav').getElementsByClassName("igeb_GroupContents");
  $('#nav').contents().find('#test').text(groupElements .length.toString());
  for (var i = 1; i < groupElements .length; i++) {
    groups.style.height = "900px";
  }
});

with that i don't get any errors in the browser inspectors, but the length of the groupElements is 0.
PS. the 900px is a test number

$(window).on('resize', function () {
  var groupElements = $('#nav').contents().find('#UltraWebListbar1').contents();
  $('#nav').contents().find('#test').text(groupElements.length.toString());
  for (var i = 1; i < groupElements.length; i++) {
    groups.style.height = "900px";
  }
});

here i get:
"Unable to set property 'height' of undefined or null reference" with groupElements length equals 5?(the length should be greater than 7)?

$(window).on('resize', function () {
  var groupElements = $('#nav').contents().find('#UltraWebListbar1').contents();
  $('#nav').contents().find('#test').text(groupElements.length.toString());
  for (var i = 1; i < groupElements.length; i++) {
    groupElements.attr("height", "100px");
  }
});

on that one i still get the groupElements length as 5 with no erros regarding the attr, but i don't get any visual changes on the browsers, it's like it never setted.