Focal Point
[SOLVED] DRILLMENUITEM Styling

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

March 05, 2010, 07:20 PM
<Meghan>
[SOLVED] DRILLMENUITEM Styling
Does anyone know of a way to style the pop-up box that appears when using multi-drill (DRILLMENUITEM)? Right now the pop-up box is blue background with white lettering and does not match with our overall design. Any guidance would be appreciated. Thank you.

This message has been edited. Last edited by: Kerry,
March 05, 2010, 10:31 PM
Francis Mariani
Meghan,

It took a little sleuthing, but I finally found the culprit!

C:\ibi\WebFOCUS76\ibi_html\javaassist\ibi\html\js\multidrill.css

clsMDMenu is the class.

MAKE A BACKUP before mucking around!

And then I found this posting (using Google search , the forum search didn't find it), you should read this: Multi drill down


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
March 08, 2010, 11:49 AM
<Meghan>
This is excellent. Thank you Francis.
March 08, 2010, 03:12 PM
Waz
If you don't want to change the css file, then try this.
TABLE FILE CAR
PRINT CAR
BY COUNTRY
ON TABLE SET PAGE-NUM OFF
ON TABLE SET HTMLCSS ON
ON TABLE SET STYLE *
 TYPE=DATA,  COLUMN=CAR,
             DRILLMENUITEM='Styled Multidrill',
             FOCEXEC=EG_CUSTOM_MULTIDRILL_STYLING(Car=CAR), $
END

-RUN

-HTMLFORM BEGIN
<style>
<!--
/* Custom Multidrill Styling */
DIV.clsMDMenu {
	background-color: #FFFF00;
	position: absolute; 
	visibility: hidden; 
	padding: 2px 2px 2px 2px; 
	border: 2px solid outset;
	z-index: 1000;
}
DIV.clsMDMenu A { 
		font-family: arial;
		font-size: 10pt;
		text-decoration: none; 
		color: #3300FF; 
		font-weight: bold; 
}
DIV.clsMDMenu A:hover { 
		font-family: arial;
		color: #003399; 
		text-decoration: underline; 
}
DIV.clsMDMenu A span { 
		font-family: arial,sans-serif;
		font-size: 10pt;
		text-decoration: none; 
		color: #3300FF; 
		font-weight: bold; 
	}
DIV.clsMDMenu A:hover span { 
		font-family: arial,sans-serif;
		color: #003399; 
		text-decoration: underline; 
	}

 -->
</style>
-HTMLFORM END



Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

March 08, 2010, 04:03 PM
Francis Mariani
Nice! I didn't realize you could override the styling so simply.


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