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. Moving forward, myibi is our community platform to learn, share, and collaborate. We have the same Focal Point forum categories in myibi, so you can continue to have all new conversations there. If you need access to myibi, contact us at myibi@ibi.com and provide your corporate email address, company, and name.


Connect to myibi
Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     WF 7.6.5 - Quite disappointed with B.I. Dashboard

Read-Only Read-Only Topic
Go
Search
Notify
Tools
WF 7.6.5 - Quite disappointed with B.I. Dashboard
 Login/Join
 
Expert
posted
I never liked the way the tabs were generated in B.I. dashboard and am very disappointed that nothing has changed between v5.3 and v7.6.

There are so many great examples of DHTML tabs on the web and we're stuck with something that was designed in 2004 (or whenever 5.3 was released).

I can't believe that the quite silly transparent images with a black outline of a tab are still being used.

If the tabs do not fit across the screen, the user still has to scroll the tab area to access the rest of the tabs. This is a holdover from the past as well. There should be an option that automatically resizes the tab area so you don't have to scroll.

This message has been edited. Last edited by: Francis Mariani,


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Expert
posted Hide Post
And the ridiculous thing about the images that the tabs are generated with is that two of the files are located in the View folders:

C:\ibi\WebFOCUS76\worp\worp_custom\aa_gbv\

tab1.gif
tab_separatorright.gif

and the other files are located in an ibi_html sub-folder:

/ibi_html/javaassist/images/worp/

tab_selectleft.gif
tab_selecttop.gif
tab_selectright.gif
tab_selectseparatorleft.gif
tab_unselectleft.gif
tab_unselecttop.gif
tab_unselectright.gif

And that some portions of the tab area are controlled by CSS classes that place images:

CLASS="tab_separatorright"
CLASS="tab_unselectbottom"


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Expert
posted Hide Post
Quite disappointed that changing the height property in class "tabsDiv" of content.css makes no difference to the height of the tab area of the view.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Guru
posted Hide Post
Francis,

not sure if this is still the case, but in 7.6.0 to get the multiple rows to show correctly I had to change

.tabsDiv {
height : 30 ;
overflow : auto ;
}

to

.tabsDiv {
height : 30 ;
overflow : visible ;
}

Hope that helps some

Stuart


WebFOCUS 8.2.03 (8.2.06 in testing)
 
Posts: 253 | Location: Melbourne, Australia | Registered: February 07, 2007Report This Post
Expert
posted Hide Post
The css in content.css:

.tabsDiv {
height : 30 ;
overflow : auto ;
}

I would like the height of the tabs div to be high enough to display two rows of tabs, changing the height value to something larger than 30 makes no difference.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Expert
posted Hide Post
I've discovered "square tabs".
New Features

They don't behave exactly like I thought they would, but I may have to tweak more than what is described in the documentation.

I would love to know if the CSS styling used by Dashboard is actually documented anywhere.

Background colours for selected and unselected tabs are defined in content.css. The selected tab seems to have upper and lower borders, and when unselected, these borders stay.





Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Guru
posted Hide Post
quote:
Originally posted by Francis Mariani:
The css in content.css:

.tabsDiv {
height : 30 ;
overflow : auto ;
}

I would like the height of the tabs div to be high enough to display two rows of tabs, changing the height value to something larger than 30 makes no difference.


Francis,

Sorry for not being more clear, but it is the overflow setting that was important to get both rows of tabs visible. Change that from "overflow : auto ;" to "overflow : visible ;" and you should see all the tabs. for some reason the height value doesn't seem to do anything - as you have already stated.

Cheers

Stu


WebFOCUS 8.2.03 (8.2.06 in testing)
 
Posts: 253 | Location: Melbourne, Australia | Registered: February 07, 2007Report This Post
Expert
posted Hide Post
Hi Francis,

Sorry this took me a few days to get back to you. I checked with our Dashboard person and here is the suggestion: currently, there is an option to change the tab style from round to square in Viewbuilder, edit settings portion.

You are requesting about 2-3 more NFR’s:
* black outline issue
* a re-size of the tabs so that scrolling is not needed
* the implementation of dhtml tabs, here is an example of dhtml tabs:
http://dhtml-menu.com/tabs/file/templates/dhtml-tabs-sc...glass1-template.html

If you would like to submit NFR (new feature requests), please contact Customer Support Services at 1-800-736-6130, or via InfoResponse.

Hope this helps. Smiler

Cheers,

Kerry


Kerry Zhan
Focal Point Moderator
Information Builders, Inc.
 
Posts: 1948 | Location: New York | Registered: November 16, 2004Report This Post
Expert
posted Hide Post
Stu,

That was a great help. It works as you describe in v7.6.5. With square tabs, overflow set to visible and setting a css width for the tabs, the tabs look pretty good to me.

Thank you for the clarification.

Kerry,

I think I'll live what already exists. Thank you for looking into this for me.

(The tabs with the incomplete colour seems to have been a temporary issue - I'm not getting them any more.)

Sincerely,

Francis.



Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report 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     WF 7.6.5 - Quite disappointed with B.I. Dashboard

Copyright © 1996-2020 Information Builders