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] CSS - Borders on the 4 Quadrant Dashboard

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] CSS - Borders on the 4 Quadrant Dashboard
 Login/Join
 
Gold member
posted
Hey just wondering how to create gray borders around each quadrant?
Everytime i tried to add the border style to the div it break up my 4 quadrant
border-style:solid;
border-width:1px;
</code>

here is a sample of the 4 quadrant using the car file
[code]
-* File car_4iframes.fex
 SET BYDISPLAY = ON
SET LINES = 99999
?FF CAR
 
GRAPH FILE CAR
SUM RPCT.CAR.BODY.SALES 
ACROSS CAR.ORIGIN.COUNTRY 
HEADING
"SUM of Row-Percent of Sales By Country "
ON GRAPH SET LOOKGRAPH PIEMULTP
ON GRAPH SET GRAPHEDIT SERVER
ON GRAPH SET BARNUMB OFF
ON GRAPH SET 3D OFF
ON GRAPH SET VZERO ON
ON GRAPH SET GRID OFF
ON GRAPH SET VAXIS 250
ON GRAPH SET HAXIS 375
ON GRAPH PCHOLD FORMAT PNG
ON GRAPH HOLD AS REPORT1 FORMAT HTMTABLE
ON GRAPH SET GRAPHSTYLE *
setLegendMarkerPosition(2);
setMarkerDisplay(true);
setConnectLineMarkers(false);
setConnectScatterMarkers(false);
setO1LabelDisplay(true);
setO1AxisSide(0);
setO1MajorGridDisplay(false);
setO1MinorGridDisplay(false);
setY1LabelDisplay(true);
setY1AxisSide(0);
setY1MajorGridDisplay(false);
setY1MinorGridDisplay(false);
setTextFormatPreset(getY1Label(),-1);
setTextFormatPattern(getY1Label(),"#.##");
setPieFeelerTextDisplay(1);
setPieLabelDisplay(0);
setTextFormatPreset(getPieSliceLabel(),1);
setLegendDisplay(true);
setFontSizeAbsolute(getY1Title(),true);
setFontSizeAbsolute(getY1Label(),true);
setFontSizeAbsolute(getY2Title(),true);
setFontSizeAbsolute(getY2Label(),true);
setFontSizeAbsolute(getO1Title(),true);
setTemplateFile("/images/tdg/template/IBIRIABlue.txt");
setPlace(true);
ENDSTYLE
ON GRAPH SET STYLE *
$
TYPE=HEADING,
     LINE=1,
     JUSTIFY=CENTER,
$
TYPE=HEADING,
     LINE=1,
     OBJECT=TEXT,
     ITEM=1,
     FONT='ARIAL',
     COLOR='BLACK',
	 SIZE=8,
     STYLE=BOLD,
$
ENDSTYLE
END
 
-RUN
TABLE FILE CAR
SUM
	 DEALER_COST
	 RETAIL_COST
     SALES
BY COUNTRY
BY CAR
WHERE COUNTRY EQ 'ENGLAND'
HEADING
"REPOR2"
ON TABLE SET PAGE-NUM OFF
ON TABLE NOTOTAL
ON TABLE SET HTMLCSS ON
ON TABLE HOLD FORMAT HTMTABLE AS REPORT2
ON TABLE SET STYLE *
TYPE=REPORT,  UNITS=IN, SQUEEZE=ON, ORIENTATION=PORTRAIT, $
TYPE=REPORT,  GRAPHTYPE=DATA, COLUMN=N3, GRAPHCOLOR='BLACK',$
TYPE=REPORT,  GRID=OFF, FONT='ARIAL',SIZE=6, $
TYPE=TITLE,   STYLE=BOLD, $
TYPE=HEADING, STYLE=BOLD, $
TYPE=DATA,    BORDER=LIGHT, $
ENDSTYLE
END
 
-HTMLFORM BEGIN
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body {
width:	 100.1%;
height: 100%;
padding:	 0;
margin: 0;
 
}
div {
padding:	 0;
margin: 0;
width:	 50%;
height:	 50%;
float: left;

}
#rect1 {
background-color: white;
 
}
#rect2 {
background-color: white;
 
}
#rect3 {
background-color: white;
 
}
#rect4 {
background-color: white;
 
}
br {
clear:	 left;
 
}
</style>
</head>
<body>
<div id="rect1" align="center">!IBI.FIL.REPORT1;</div>
<div id="rect2" align="center">!IBI.FIL.REPORT2;</div>
<br />
<div id="rect3">rect3</div>
<div id="rect4">rect4</div>
<br />
</body>
</html>
-HTMLFORM END

This message has been edited. Last edited by: <Kathryn Henning>,


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
 
Posts: 78 | Registered: October 24, 2006Report This Post
Expert
posted Hide Post
Make your DIV width 49% instead.

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 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
Gold member
posted Hide Post
Thanks Tony!!


WF 8105M
- Portal, Dashboard
- Rcaster, Data Migrator
- Windows 2012 Client Server
- Dev/App Studio 8105
- Data: SQL, Oracle, Neteeza,MVS
 
Posts: 78 | Registered: October 24, 2006Report This Post
Expert
posted Hide Post
You're welcome. Sometimes all it needs is a second pair of eyes Wink

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 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report 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] CSS - Borders on the 4 Quadrant Dashboard

Copyright © 1996-2020 Information Builders