Focal Point
Dashboard: - Autosize blocks for reports to fit perfectly?
July 10, 2008, 04:55 PM
WFLurkerDashboard: - 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.
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 MarianiIt 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 MarianiI 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
WFLurkerI 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 MarianiYou 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
WFLurkerThanks 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 MarianiThis 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