[CLOSED]multi drill-down menu

Hi,
I have a report with a bar graph.
Bar graph has drillmenuitem with 6 options.
The issue I am facing is that depending on the size of teh bar graph the menu gets cut off.
If the bar is high then all the options in the dirilldown menu shows up fine but if the value in the bar is too low then it gets cut-off.
Not sure what property to change for it show up correctly.

Thanks

Here is the css :
/*

< !--
/* Custom Multidrill Styling */
DIV.clsMDMenu {
background-color: Silver;
position: absolute;
visibility: hidden;
padding: 1px 1px 1px 1px;
border: 2px solid outset;
z-index: 1000;
}
DIV.clsMDMenu A {
font-family: arial;
font-size: 8pt;
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: 8pt;
text-decoration: none;
color: Black;
font-weight: bold;
}
DIV.clsMDMenu A:hover span {
font-family: arial,sans-serif;
color: #003399;
text-decoration: underline;
}

-->

*/

This message has been edited. Last edited by: <Emily McAllister>,

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Platinum Member

posted

Hide Post

here is the image when the BAR is high enough

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post

Platinum Member

posted

Hide Post

and here is the "problematic" view.

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post

David Briars

Master

posted

Hide Post

Just a quick thought of something to research/not necessarily a solution...

If you set the overflow property, of the menu, to scroll, will you at least get scroll bars, so you can get to the other options?

       DIV.clsMDMenu {
	background-color: Silver;
	position: absolute;
	visibility: hidden;
	padding: 1px 1px 1px 1px;
	border: 2px solid outset;
	z-index: 1000;

        overflow: scroll;
       }

Posts: 822 | Registered: April 23, 2003

Ignored post by David Briars posted

Show Post

Platinum Member

posted

Hide Post

Thanks.. tried the scroll but it doesn't even show up on "problematic" view.

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post

Squatch

Master

posted

Hide Post

I think you need to somehow give the chart a minimum height, one that is tall enough to allow for the proper positioning of the drill menu.

App Studio
WebFOCUS 8.1.05M
Windows, All Outputs

Posts: 594 | Location: Michigan | Registered: September 04, 2015

Ignored post by Squatch posted

Show Post

Platinum Member

posted

Hide Post

One thing i just noticed that the procedure works fine on its own.
Its problematic when I place the report in html document.
If I set the "Sizing and Scrolling" properte of the iframe to "Yes" then drill-down shows up fine.
But I would prefer not to have the scrolling "On".

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post

Squatch

Master

posted

Hide Post

I think the solution is to make a "flexible" iframe so that the content inside of it can auto size itself.

This can only be done one way, as far as I know. You must wrap the iframe inside of a div tag.

Here is an example you can save to your computer and open in a browser (Name the file "iframe.htm" or something similar):

<!DOCTYPE html>
<html>
<head>
<title>iFrame Demo</title>
</head>
<body style="width:97%;height:80%">
<div style="width:100%;height=50%;background-color:lightblue">
This is DIV #1
<br><br><br><br><br><br>
</div>
<div style="width:100%;height=50%;background-color:lightgreen">
This is DIV #2
<br>
<center>iFrame is black area</center>
<iframe style="width:75%;height:50%;color:white;background-color:black;margin:10%;frameBorder:0;scrolling:no"></iframe>
</div>
</body>
</html>

I have not tried to do this using IBI's GUI tool (App Studio for me), but I think it may be possible. I will give it a try and let you know what I find out.

App Studio
WebFOCUS 8.1.05M
Windows, All Outputs

Posts: 594 | Location: Michigan | Registered: September 04, 2015

Ignored post by Squatch posted

Show Post

Squatch

Master

posted

Hide Post

I was able to make a flexible iframe using App Studio. Here are the steps:

Create a "Panel" component and set these properties in the Properties panel:

Autosize options: Accept any changes
Height: 99%
Left: 0px
Margin: auto
Margin-bottom: auto
Margin-left: auto
Margin-right: auto
Margin-top: auto
Position: absolute
Right: 0px
Top: 0px
Width: 99%

The panel (actually an HTML div element) should now fill up almost all of the browser window, and resize when the browser changes size.

Create a "Frame" (actually an HTML iframe element) and set these properties in the Properties panel:

Autosize options: Accept any changes
Height: 75.12%
Left: 0px
Margin: 12%
Margin-bottom: 12%
Margin-left: 12%
Margin-right: 12%
Margin-top: 12%
Overflow: hidden
Position: absolute
Top: 0px
Width: 75.12%

Now you have a frame that will resize within the Panel (HTML div element).

Create a chart (or use the one you already have, in your situation) that will auto size. Go to "Requests & Data Sources" and create a new External Request --> WebFOCUS procedure.

Go to "Tasks & Animations" and select the "load" Trigger Type. Create a new Run Request and select your chart. Change "Target type" to "Frame" and select the name of the frame you created earlier.

This may not completely solve your problem, but I think it might help a little.

App Studio
WebFOCUS 8.1.05M
Windows, All Outputs

Posts: 594 | Location: Michigan | Registered: September 04, 2015

Ignored post by Squatch posted

Show Post

Platinum Member

posted

Hide Post

Thanks for all your help.
It works but now the problem is that it shows scrollbars and I am not sure how to disable it

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post