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] Banner with background color in the heading of a chart

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] Banner with background color in the heading of a chart
 Login/Join
 
Platinum Member
posted
Hi,

I am trying to create a blue background color for heading of a chart. I have 2 lines in my heading like
"Profit Amount is $100K"
"Budget Amount is $ 20K"
when I give the background color in the style sheet, It just colors the background till the end of these lines. But, I would like to extend this background color through the width of the chart like a banner. Is it possible to do some styling within in the chart to achieve this?? Please let me know if you have any inputs on this. Thank you.

Note: I tried using &|nbsp to add space, then the heading background color is not uniform. It is like having two separate lines with color or I might be missing something with &|nbsp.

Regards
BI DEV

This message has been edited. Last edited by: FP Mod Chuck,


Webfocus 8105/8202
Windows
All Outputs
 
Posts: 106 | Registered: June 26, 2018Report This Post
Guru
posted Hide Post
You could try HEADALIGN=BODY, in your styling


Test: WF 8.2
Prod: WF 8.2
DB: Progress, REST, IBM UniVerse/UniData, SQLServer, MySQL, PostgreSQL, Oracle, Greenplum, Athena.
 
Posts: 454 | Location: Europe | Registered: February 05, 2007Report This Post
Gold member
posted Hide Post
Try COLSPAN=(# of columns in your report).


WebFOCUS 8

Windows, All Outputs
 
Posts: 55 | Location: Phoenix | Registered: March 01, 2018Report This Post
Platinum Member
posted Hide Post
Frans,

It did not work for extending the background coloring of the HEADING of a CHART till the end of the chart.

quote:
Originally posted by Frans:
You could try HEADALIGN=BODY, in your styling


Webfocus 8105/8202
Windows
All Outputs
 
Posts: 106 | Registered: June 26, 2018Report This Post
Platinum Member
posted Hide Post
Is there a way to achieve this using an external css in the graph and use a css class for the heading? or Should I use HTML form?

This message has been edited. Last edited by: BI Dev,


Webfocus 8105/8202
Windows
All Outputs
 
Posts: 106 | Registered: June 26, 2018Report This Post
Expert
posted Hide Post
Please show all of your "TYPE=HEADING" lines in your style section. For this, all you should need is "TYPE=HEADING, BACKCOLOR=RGB(170 200 230), $". comment out, or delete, the rest of the "TYPE=HEADING" lines
 
Posts: 3132 | Location: Tennessee, Nashville area | Registered: February 23, 2005Report This Post
Master
posted Hide Post
You can use an external css sheet or just use an HTMLFORM block to add in the one css property.

You will need to make sure that you have SET EMBEDHEADING=OFF included in the top of the fex. Otherwise it will be a foriegn object within the svg of the graph. by setting it to OFF, it created the title as a div that is 100% wide right above the graph. Then you can style that div with the css. See the example below:
ENGINE INT CACHE SET ON
SET PAGE-NUM=OFF

SET EMBEDHEADING=OFF

GRAPH FILE CAR
SUM SALES
BY CAR
HEADING
"Profit Amount is $100K"
"Budget Amount is $20K"
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET AUTOFIT ON
ON GRAPH SET LOOKGRAPH BAR
ON GRAPH SET STYLE *
*GRAPH_SCRIPT

setPieDepth(0);
setPieTilt(0);
setDepthRadius(0); 
setPlace(true); 
setCurveFitEquationDisplay(false); 

*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/endeflt.sty,$
TYPE=HEADING, JUSTIFY=CENTER, $
TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $
TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $
*GRAPH_SCRIPT

setReportParsingErrors(false);
setSelectionEnableMove(false);

*END
ENDSTYLE
END

-RUN

-HTMLFORM BEGIN NOEVAL
<head>
    <style>
        body > div:nth-child(1) {
            background-color:#ff0000;
        }
    </style>
</head>    
-HTMLFORM END  


Hallway

 
Prod: 8202M1
Test: 8202M4
Repository:
 
OS:
 
Outputs:
 
 
 
 
 
Posts: 608 | Location: Salt Lake City, UT, USA | Registered: November 18, 2015Report This Post
Platinum Member
posted Hide Post
Thank you very much Hallway. It worked.

quote:
ENGINE INT CACHE SET ON
SET PAGE-NUM=OFF

SET EMBEDHEADING=OFF

GRAPH FILE CAR
SUM SALES
BY CAR
HEADING
"Profit Amount is $100K"
"Budget Amount is $20K"
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET AUTOFIT ON
ON GRAPH SET LOOKGRAPH BAR
ON GRAPH SET STYLE *
*GRAPH_SCRIPT

setPieDepth(0);
setPieTilt(0);
setDepthRadius(0);
setPlace(true);
setCurveFitEquationDisplay(false);

*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/endeflt.sty,$
TYPE=HEADING, JUSTIFY=CENTER, $
TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $
TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $
*GRAPH_SCRIPT

setReportParsingErrors(false);
setSelectionEnableMove(false);

*END
ENDSTYLE
END

-RUN

-HTMLFORM BEGIN NOEVAL



-HTMLFORM END


Webfocus 8105/8202
Windows
All Outputs
 
Posts: 106 | Registered: June 26, 2018Report This Post
Platinum Member
posted Hide Post
Les J, Doug, thank you very much for your inputs.


Webfocus 8105/8202
Windows
All Outputs
 
Posts: 106 | Registered: June 26, 2018Report 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] Banner with background color in the heading of a chart

Copyright © 1996-2020 Information Builders