Focal Point
Dashboard: - Autosize blocks for reports to fit perfectly?

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/4451031192

July 10, 2008, 04:55 PM
WFLurker
Dashboard: - Autosize blocks for reports to fit perfectly?
I'm developing a dashboard with 4 blocks over 2columns.

The 4 blocks consist of 3 dhtml report an 1 graph.

How do you size it perfectly so everything displays without having to scroll up/down or left/right? Is there a command for autosize? I tried sizing the fonts to 8 and top margin.

Information Builder demo on creating dashboard makes it look so easy. Sweating


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
July 14, 2008, 10:40 AM
Francis Mariani
It is pretty easy. You size the blocks in Dashboard View Builder. The content of each block is a WebFOCUS program and is styled by a WebFOCUS style-sheet or CSS.

What is the problem? Is the content of each frame too big to fit without scrollbars? If you have four blocks on one page, one would imagine the content of these blocks is summary data - short, concise...

Maybe a screen-shot would help us.

An example:




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
July 16, 2008, 04:28 PM
WFLurker


My column size is
Column 1: 45%
Column 2: 55%

The left column (Summary) looks like it has too much white space at the top and the report can be centered. For font I'm using size 8

Actually yours look very professional. What stylesheet are you using? Font style and size?

Thanks


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
July 16, 2008, 04:44 PM
Francis Mariani
I use Arial, 11px in my CSS stylesheets.

Everything fits on my dashboard because of my screen resolution - 1280x1024.

Depending on how you generate the graphs and reports, you may be able to reduce the blank space at the top by adding SET PAGE = NOLEAD to the program. Also, if you are not already doing this, you have more control with css styling and holding the report format HTMTABLE and embedding the hold file in an HTMLFORM.

Snippets from my stylesheet:

BODY
  { font-family: Arial, sans-serif; font-size: 11px; color: white;
    margin: 5px; background-color: #90a5a5;

TD
  { font-size: 11px; }

.cssReportData
  { font-size: 11px; font-weight: bold; padding-left: 10px;}




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
July 16, 2008, 04:57 PM
WFLurker
I was hoping to avoid CSS but I guess its evitable.

Thanks for the quick response this was very insightful on how other people create dashboards.


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
July 16, 2008, 05:01 PM
Francis Mariani
You have much, much more control of how a WebFOCUS report displayed on a web page will look if you use CSS.


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
July 16, 2008, 05:07 PM
WFLurker
Thanks I'll play around with CSS.

Any links on where to begin learning CSS?


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
July 16, 2008, 05:24 PM
Francis Mariani
This is a pretty good start:

http://www.w3schools.com/css/


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