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 11, 2010 03:06 PM 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 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