Hey, has anyone been able to resize a tabbed component via javascript that is created in composer ?

I can't find any js call and seems too difficult to code it

This message has been edited. Last edited by: Waz,

Hi Waz

You should be able to make changes in a css class file and apply it or in App Studio you can overwrite the themes css class file that is controlling it. If you hit f12 in the browser when running a simple HTM with tabs, you will be able to click the arrow in the Dom (f12) and then click the object and you will see the css class on the right that is controlling it.

Thsnks Barry

Nice idea, I'll check it out.

Bit worried that the tab control generates many divs and also iframes.

If you ever want some generic code for Tabs (HTML/JS/CSS), I've built one.. The Tabs auto size, based on the text within them. However if you make the font bigger than the tabs, then you need to increase the line-height.

http://jsfiddle.net/q7y6hyy7/1/

Hi Waz,

You try something along these lines -

$(document).ready(function() {
  var tabArray = $(".IBI_pageHeaderTab_TopBottom");
  alert(tabArray.length);
  tabArray.each(function(i,e) {
    if($(e).attr("textwidth")) {
      alert(i+" - "+$(e).css("width")+" - "+$(e).attr("textwidth"));
      objWidth = $(e).attr("textwidth");
      $(e).css("width",objWidth);
    }
  });
});

T

Hi Gavin,

I'll take a look, but would like to try to keep this in IBI products. Though it seems to be getting harder to do so.

Hi Tony,

I'll give it a go and see, thanks