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
May 26, 2008, 12:22 PM
Francis Mariani
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:
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
May 26, 2008, 12:42 PM
Francis Mariani
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
May 28, 2008, 01:58 AM
StuBouyer
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)
May 28, 2008, 10:43 AM
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
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
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
May 30, 2008, 12:01 AM
StuBouyer
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)
June 02, 2008, 01:37 PM
Kerry
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.
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.
Cheers,
Kerry
Kerry Zhan Focal Point Moderator Information Builders, Inc.
June 02, 2008, 02:50 PM
Francis Mariani
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