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     [CLOSED] HTML5 data grid chart: Trouble changing column header color and font

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[CLOSED] HTML5 data grid chart: Trouble changing column header color and font
 Login/Join
 
kds
Member
posted
Hey, WebFocus noob here. I'm trying to build a simple KPI file that simply has the measure title and the measure below it. I originally built it using a tablular report format but it didn't provide what I needed once I put it on a portal.

The HTML5 data grid could could do what I need but I can't seem to style the column header. I'm aware you can't apply WF styling to it, so I'm following the instructions here and here.

I have this code in the fex file:

 dataGridProperties: {
	colHeader: {
		sorting: {enabled:false},
		fill: '#043B56',
		title: {color: '#FFFFFF'}
	}
}


It's giving me the blue filled header as it should, but it's not changing the title color to white. I'm also not able to change the default font from "Sans Serif" to something else, that completely errors out.

Does anyone have experience with this that can tell me what I'm overlooking?

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


WebFocus 8.2.06
 
Posts: 1 | Registered: October 28, 2019Report This Post
Hallway
Master
posted Hide Post
Hi kds! Welcome to the forum. 😁

One thing that will help us, help you, is if you can replicate the issues that you are seeing using the CAR file or some other dataset from the ibisamp folder, and post the code in it's entirety. This will enable us to be able run the code and see what you are seeing.


Hallway

 
Prod: 8202M1
Test: 8202M4
Repository:
 
OS:
 
Outputs:
 
 
 
 
 
Posts: 608 | Location: Salt Lake City, UT, USA | Registered: November 18, 2015Report This Post
MartinY
Virtuoso
posted Hide Post
ENGINE INT CACHE SET ON
SET PAGE-NUM=NOLEAD
SET HTMLENCODE=ON
SET ARGRAPHENGINE=JSCHART
SET EMBEDHEADING=ON
SET GRAPHDEFAULT=OFF

GRAPH FILE GGSALES
SUM DOLLARS/P9C AS '$'
BY PRODUCT      AS 'Product'
BY REGION       AS ''

ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET HAXIS 600.0
ON GRAPH SET VAXIS 200.0
ON GRAPH SET LOOKGRAPH DATAGRID
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPieDepth(0);
setPieTilt(0);
setDepthRadius(0);
setCurveFitEquationDisplay(false);
setPlace(true);
setUseSeriesShapes(true);
*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$

TYPE=DATA, COLUMN=N1, BUCKET=row, $
TYPE=DATA, COLUMN=N2, BUCKET=column, $
TYPE=DATA, COLUMN=N3, BUCKET=measure, $
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*END
*GRAPH_JS
dataGridProperties: {
   cell: {layout: {width: {rule: 'minSize', value: 100}}}
}
*END
*GRAPH_JS_FINAL
dataGridProperties: {
 colHeader: {
      fill: '#043B56', 
      labels: {font: 'bold 12pt Sans-Serif', color: 'white'},
      lastLabels: {font: 'bold 12pt Sans-Serif', color: 'white'}
 } 
}
*END
ENDSTYLE
END
-RUN


WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
 
Posts: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report 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     [CLOSED] HTML5 data grid chart: Trouble changing column header color and font

Copyright © 1996-2020 Information Builders