Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [TESTING BUT HOPEFUL]Resizing the Tabbed component from composer

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[TESTING BUT HOPEFUL]Resizing the Tabbed component from composer
 Login/Join
 
Expert
posted
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,


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6347 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Silver Member
posted Hide Post
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


WebFOCUS 8
Windows, All Outputs
 
Posts: 34 | Registered: September 08, 2015Report This Post
Expert
posted Hide Post
Nice idea, I'll check it out.

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


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6347 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Master
posted Hide Post
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/



- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
 
Posts: 578 | Registered: October 01, 2014Report This Post
Expert
posted Hide Post
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



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
Expert
posted Hide Post
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


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6347 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [TESTING BUT HOPEFUL]Resizing the Tabbed component from composer

Copyright © 1996-2020 Information Builders