Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]VALIGN=BOTTOM for Across Value

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED]VALIGN=BOTTOM for Across Value
 Login/Join
 
Anatess
Guru
posted
Hi guys,

I'm getting old. Another simple question that I'm almost embarassed to ask. Is there a VALIGN attribute in a Webfocus style?

I have a simple problem that I don't want to have to create an external stylesheet for. It came about as I was trying to implement a rotated Across Value.

So, here's the problem simplified:

This fex:
DEFINE FILE CAR
VERT/A1000='<DIV STYLE="' ||
'layout-flow : vertical-ideographic;' ||
'writing-mode: tb-rl;' ||
'filter: flipH() flipV();' ||
'font-family: ''Trebuchet MS'';' ||
'font-size: 10pt;' ||
'font-weight:bold;' ||
'letter-spacing:2px;' ||
'text-align: left;' ||
'position: relative;' ||
'border:light;' ||
'border-style: ridge;' ||
'border-color: 333399;' ||
'background-color: 93ACDB;' ||
'color:white;">' || COUNTRY || '</DIV>';
END
TABLE FILE CAR
SUM DEALER_COST
BY CAR
ACROSS VERT
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET STYLE *
TYPE=ACROSSVALUE,
     BACKCOLOR='YELLOW',
$
ENDSTYLE
END


Produces this html:
<HTML>
<HEAD>
<META name="HandheldFriendly" content="True">
<META name="PalmComputingPlatform" content="True">
</HEAD>
<BODY>
<TABLE BORDER CELLPADDING=1>
<TR>
<TD COLSPAN=6>
<TABLE CELLPADDING=0 WIDTH="100%"><TR>
<TD>
PAGE     1</TD></TR></TABLE></TD>
</TR>
<TR>
<TD></TD><TD COLSPAN=5>
VERT</TD>
</TR>
<TR>
<TD>
</TD>
<TD BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">ENGLAND</DIV></TD>
<TD BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">FRANCE</DIV></TD>
<TD BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">ITALY</DIV></TD>
<TD BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">JAPAN</DIV></TD>
<TD BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">W GERMANY</DIV></TD>
</TR>
<TR>
<TD VALIGN=BOTTOM>
CAR</TD>
</TR>
<TR>
<TD>
ALFA ROMEO</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
16,235</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
AUDI</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
5,063</TD>
</TR>
<TR>
<TD>
BMW</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
49,500</TD>
</TR>
<TR>
<TD>
DATSUN</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
2,626</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
JAGUAR</TD>
<TD ALIGN=RIGHT>
18,621</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
JENSEN</TD>
<TD ALIGN=RIGHT>
14,940</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
MASERATI</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
25,000</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
PEUGEOT</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
4,631</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
TOYOTA</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
2,886</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
<TR>
<TD>
TRIUMPH</TD>
<TD ALIGN=RIGHT>
4,292</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
<TD ALIGN=RIGHT>
.</TD>
</TR>
</TABLE>
</BODY>
</HTML>


All I want is to add VALIGN=BOTTOM onto the Across Values like this:
<TR>
<TD>
</TD>
<TD VALIGN=BOTTOM BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">ENGLAND</DIV></TD>
<TD VALIGN=BOTTOM BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">FRANCE</DIV></TD>
<TD VALIGN=BOTTOM BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">ITALY</DIV></TD>
<TD VALIGN=BOTTOM BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">JAPAN</DIV></TD>
<TD VALIGN=BOTTOM BGCOLOR="#FFFF00">
<DIV STYLE="layout-flow : vertical-ideographic;writing-mode: tb-rl;filter: flipH() flipV();font-family: 'Trebuchet MS';font-size: 10pt;font-weight:bold;letter-spacing:2px;text-align: left;position: relative;border:light;border-style: ridge;border-color: 333399;background-color: 93ACDB;color:white;">W GERMANY</DIV></TD>
</TR>


In the simplest way possible.

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


WF 8.1.05 Windows
 
Posts: 333 | Location: Orlando, FL | Registered: October 17, 2006Report This Post
Francis Mariani
Expert
posted Hide Post
Adding CSS vertical-align: bottom didn't work, try making all the divs the same height:

DEFINE FILE CAR
VERT/A1000='<DIV STYLE="' ||
'layout-flow : vertical-ideographic;' ||
'writing-mode: tb-rl;' ||
'filter: flipH() flipV();' ||
'font-family: ''Trebuchet MS'';' ||
'font-size: 10pt;' ||
'font-weight:bold;' ||
'letter-spacing:2px;' ||
'text-align: left;' ||
'position: relative;' ||
'border:light;' ||
'border-style: ridge;' ||
'border-color: 333399;' ||
'background-color: 93ACDB;' ||
'color:white;' ||
'height: 100px;">' || 
COUNTRY || '</DIV>';
END
TABLE FILE CAR
SUM DEALER_COST
BY CAR
ACROSS VERT
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET STYLE *
TYPE=ACROSSVALUE,
     BACKCOLOR='YELLOW',
$
ENDSTYLE
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
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Francis Mariani
Expert
posted Hide Post
Or slip some CSS for the TDs into the the code, a bit repetitive but it works.

DEFINE FILE CAR
VERT/A1000='<DIV STYLE="' ||
'layout-flow : vertical-ideographic;' ||
'writing-mode: tb-rl;' ||
'filter: flipH() flipV();' ||
'font-family: ''Trebuchet MS'';' ||
'font-size: 10pt;' ||
'font-weight:bold;' ||
'letter-spacing:2px;' ||
'text-align: left;' ||
'position: relative;' ||
'border:light;' ||
'border-style: ridge;' ||
'border-color: 333399;' ||
'background-color: 93ACDB;' ||
'color:white;' ||
'/*height: 100px;*/">' ||
'<style> td { vertical-align: bottom; }</style>' ||

COUNTRY || '</DIV>';
END
TABLE FILE CAR
SUM DEALER_COST
BY CAR
ACROSS VERT
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET STYLE *
TYPE=ACROSSVALUE,
     BACKCOLOR='YELLOW',
$
ENDSTYLE
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
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Francis Mariani
Expert
posted Hide Post
Or, simply 
DEFINE FILE CAR
VERT/A1000='<DIV STYLE="' ||
'layout-flow : vertical-ideographic;' ||
'writing-mode: tb-rl;' ||
'filter: flipH() flipV();' ||
'font-family: ''Trebuchet MS'';' ||
'font-size: 10pt;' ||
'font-weight:bold;' ||
'letter-spacing:2px;' ||
'text-align: left;' ||
'position: relative;' ||
'border:light;' ||
'border-style: ridge;' ||
'border-color: 333399;' ||
'background-color: 93ACDB;' ||
'color:white;">' || COUNTRY || '</DIV>';
END
TABLE FILE CAR
SUM DEALER_COST
BY CAR
ACROSS VERT
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET STYLE *
TYPE=ACROSSVALUE,
     BACKCOLOR='YELLOW',
$
ENDSTYLE
END
-RUN

-HTMLFORM BEGIN
<style> td { vertical-align: bottom; }</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
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Anatess
Guru
posted Hide Post
Francis, THANK YOU very much. I ended up doing the height option which worked perfectly.

I couldn't use the full TD override because it overrides the entire table and not just the across values so I had to do it at the DEFINE.

Just out of curiousity, can you do a TD override just for the Across Values (without inserting it in the DIV)? Maybe with some labeling or something?


WF 8.1.05 Windows
 
Posts: 333 | Location: Orlando, FL | Registered: October 17, 2006Report This Post
Francis Mariani
Expert
posted Hide Post
You can apply a CLASS to the Across Values. This only works with format HTMTABLE:

DEFINE FILE CAR
VERT/A1000='<DIV STYLE="' ||
'layout-flow : vertical-ideographic;' ||
'writing-mode: tb-rl;' ||
'filter: flipH() flipV();' ||
'font-family: ''Trebuchet MS'';' ||
'font-size: 10pt;' ||
'font-weight:bold;' ||
'letter-spacing:2px;' ||
'text-align: left;' ||
'position: relative;' ||
'border:light;' ||
'border-style: ridge;' ||
'border-color: 333399;' ||
'background-color: 93ACDB;' ||
'color:white;">' || COUNTRY || '</DIV>';
END
TABLE FILE CAR
SUM DEALER_COST
BY CAR
ACROSS VERT
ON TABLE HOLD FORMAT HTMTABLE
ON TABLE SET STYLE *
TYPE=ACROSSVALUE,
     CLASS='CSSACC',
$
ENDSTYLE
END
-RUN

-HTMLFORM BEGIN
<style> .CSSACC { vertical-align: bottom; background-color: yellow; }</style>

!IBI.FIL.HOLD;
-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
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Anatess
Guru
posted Hide Post
THANKS, FRANCIS!

You're the man.


WF 8.1.05 Windows
 
Posts: 333 | Location: Orlando, FL | Registered: October 17, 2006Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]VALIGN=BOTTOM for Across Value

Copyright © 1996-2020 Information Builders