Focal Point
[SOLVED] vertically justifying data

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

January 17, 2019, 01:25 PM
DWaybright
[SOLVED] vertically justifying data
I've been scouring the Forum and have not found a solution for this problem. We have an Active Dashboard created in version 7 InfoAssist and now being used in 8203. One column on one of the reports has a lot of data that wraps over multiple lines, the columns to the left of that column center their data which happens to be a single line, so we get a report that looks like this:
(I don't know why it wouldn't leave the blanks in so I had to put "." to keep the column spacing in my example.)
Column1..Column2.....Column3
.....................Lots of text here that goes
1/1/2019..Mr. Smith..on and on and on and on and
.....................so forth
.....................This is the next record but
.....................can you tell who it belongs
1/2/2019..Mr. Jones..to easily? I don't think so!
.....................It can get very confusing
.....................to follow.

It can be a bit hard to match up the data in the first two columns when Column3 has multiple lines.

Part of the issue may be the way the data in Column3 is wrapping -- it is wrapping on embedded breaks.

Any help is greatly appreciated.

This message has been edited. Last edited by: DWaybright,


WebFOCUS 8.2.03 (production), 8.2.06 (testing)
AppStudio, InfoAssist
Windows, All Outputs
January 17, 2019, 03:35 PM
David Briars
Without knowing what your styling looks like, the first thing that comes to mind is to try alternate row shading.
TYPE=DATA, BACKCOLOR=( 'WHITE' RGB(227 232 238) ), $

January 17, 2019, 04:41 PM
Hallway
How would you like the data vertically aligned? Top? Middle? Bottom?

Also, what stylesheet are you using?


Hallway

 
Prod: 8202M1
Test: 8202M4
Repository:
 
OS:
 
Outputs:
 
 
 
 
January 17, 2019, 05:12 PM
Hallway
Here is an example using the CAR file and simulating a column with multi-line wrapped text on embedded breaks. I have put in the formatting that David Briars suggested along with some formatting using the *TABLE_JS formatting available in Active Reports to vertically align the text of all table cells to the bottom:
  
TABLE FILE CAR
SUM
    COMPUTE LOTSOFDATA/A200V ='Model: ' || MODEL || '<br>BodyType: ' || BODYTYPE || '<br>Dealer Cost: ' || FTOA(DEALER_COST, '(D12M)', 'A25V')  || '<br>Retail Cost: ' || FTOA(RETAIL_COST, '(D12M)', 'A25V') || '<br>Sales: ' || FTOA(SALES, '(D12M)', 'A25V') ;
BY COUNTRY
BY CAR 
ON TABLE SET BYDISPLAY ON
ON TABLE PCHOLD FORMAT AHTML
ON TABLE SET STYLE *
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/combine_templates/ENWarm.sty,$
TYPE=DATA, BACKCOLOR=( RGB(227 232 238) 'WHITE' ), $

*TABLE_JS
"styles" : {
    "html": {
        "td": [
            "vertical-align: bottom;",
        ],
    }
}
*END

ENDSTYLE
END



Hallway

 
Prod: 8202M1
Test: 8202M4
Repository:
 
OS:
 
Outputs:
 
 
 
 
January 18, 2019, 04:05 AM
Wep5622
I would probably go for plain old CSS, unless there's some reason that's not supported in AHTML?

...
ON TABLE SET HTMLCSS 'IBFS:/something/something/myReport.css'
ON TABLE SET STYLE *
TYPE=DATA, CLASS=vTop,$
ENDSTYLE
END


And in myReport.css:
.vTop { vertical-align: top; }
.vBottom { vertical-align: bottom; }
/* etc. */


If you need to include some common CSS too, you can @import that in this specific CSS file.


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :
January 18, 2019, 04:09 AM
Tony A
quote:
*TABLE_JS
"styles" : {
"html": {
"td": [
"vertical-align: bottom;",
],
}
}
*END

Nice to see you using the latest syntax H! My regards to the team.

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
January 22, 2019, 10:36 AM
DWaybright
Hallway - THANKS! That worked perfectly.

Thanks everyone for your input. I love this forum! Big Grin


WebFOCUS 8.2.03 (production), 8.2.06 (testing)
AppStudio, InfoAssist
Windows, All Outputs
January 22, 2019, 11:34 AM
Hallway
Excellent! I'm glad that it helped. Big Grin


Hallway

 
Prod: 8202M1
Test: 8202M4
Repository:
 
OS:
 
Outputs: