Focal Point
[CLOSED] Fits with vertical-align:top

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

November 09, 2010, 10:19 PM
Winfred Gunter
[CLOSED] Fits with vertical-align:top
Help,

I have a report that is defaulting to TD {vertical-align: top} and I want/need vertical-align: middle.

The report embeds some chart.jpg files within the row (read sparklines), but the other columns look funny (not in the middle).

I've tried lots of things.... everything I can think of, thus the call for help.

Funny thing is I took the charts and put them in a simple CAR report and everything centers.

When revealing the STYLE settings, the TD {vertical-align: top } is not there???

Thanks,
--wg

This message has been edited. Last edited by: Winfred Gunter,


WF 8009m, Clustered vm Windows2008r2 reporting servers;
Web interface: tomcat;
Output: EXCEL, HTML, PDF; dbms: Oracle 10, db2 on mvs, mssql
November 10, 2010, 02:45 AM
GamP
ON TABLE SET HTMLCSS ON probably is in place. That sets everything to vertical align top.


GamP

- Using AS 8.2.01 on Windows 10 - IE11.
in Focus since 1988
November 10, 2010, 11:58 AM
Winfred Gunter
GamP,

Thanks, that fixed my align problem, but now I can't seem to get the table borders to be 1px, as I was with HTMLCSS ON.

I have GRID=ON.

Boy, this is confusing,
--wg


WF 8009m, Clustered vm Windows2008r2 reporting servers;
Web interface: tomcat;
Output: EXCEL, HTML, PDF; dbms: Oracle 10, db2 on mvs, mssql
November 10, 2010, 01:27 PM
Francis Mariani
I would leave SET HTMLCSS ON, but add CSS styling that hopefully fixes the vertical alignment problem. Try cheating the styling by adding the vertical-align styling AFTER the WebFOCUS report, as in this example:

TABLE FILE CAR
PRINT
COUNTRY
CAR
MODEL
ON TABLE SET PAGE NOLEAD
ON TABLE SET HTMLCSS ON
ON TABLE SET STYLE *
TYPE=REPORT, SQUEEZE=ON,
FONT='ARIAL', SIZE=8,
BORDER=1, BORDER-COLOR=SILVER,
$
TYPE=REPORT, COLUMN=CAR, SIZE=20, $
ENDSTYLE
ON TABLE HOLD AS H001 FORMAT HTMTABLE
END
-RUN

-HTMLFORM BEGIN

!IBI.FIL.H001;
<style type="text/css">
TD { vertical-align:middle; }
</style>
-HTMLFORM END



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
November 10, 2010, 02:56 PM
Winfred Gunter
Thanks Francis,

I have tried it "before" but not "after".

I'll try it.

Thanks,
--wg


WF 8009m, Clustered vm Windows2008r2 reporting servers;
Web interface: tomcat;
Output: EXCEL, HTML, PDF; dbms: Oracle 10, db2 on mvs, mssql
November 10, 2010, 03:03 PM
Winfred Gunter
Hot dog it!

It worked! How intuitive that is..... NOT.
You've made my day.
Thanks a bunch,
--wg


WF 8009m, Clustered vm Windows2008r2 reporting servers;
Web interface: tomcat;
Output: EXCEL, HTML, PDF; dbms: Oracle 10, db2 on mvs, mssql
November 10, 2010, 04:09 PM
Francis Mariani
The reason why this "works" is that, for whatever reason, setting HTMLCSS ON generates TD {vertical-align: top}. Putting TD {vertical-align: middle} after the IBI.FIL overrides the styling that is in the HTMTABLE file. If you view the source, you should see that the first css line is TD {vertical-align: top} - this is the generated one. It is overridden with the styling at the very end.

This is not the best way to do it, but it seems to work.


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