If you are unable to create a new account, please email support@bspsoftware.com

 

News:

MetaManager - Administrative Tools for IBM Cognos
Pricing starting at $2,100
Download Now    Learn More

Main Menu

Remove horizontal scrollbars in report

Started by pradeepbi25, 27 Aug 2014 12:04:17 PM

Previous topic - Next topic

pradeepbi25

Hi

I have created dashboard using report studio. The width of the report greater than the width of the page.
So, I am getting 2 horizontal scrollbars in the report. One scrollbar is for report page and second one for whole page(inculding cognos header).
How to remove the horizontal scrollbar for report page.
decreasing width of the report will not work in my case.
Please help me if you any other suggestions.

Thanks
Pradeep

bdbits

I'd recommend using Workspace for dashboards, but I digress.  8)

What kind of report (list, crosstab, chart, etc)? Did you force size of the data container? The options to control size are going to differ somewhat depending on what you are using. I just created a default list report with a large number of columns and a long header of text. I only saw one set of scrollbars. I have had two sets show before but as I recall it was always the way I was setting up the various elements on the page and setting sizes of the various elements. If you provide a little more detail I might be able to provide some suggestions.

Bear in mind, if you want this much control of a displayed report you will likely need to consider different resolutions and perhaps different browsers. Make it nice looking at the expected resolution, but try to let things flow as much as you can in the event the window is smaller, rather than forcing things to a fixed size. (My recommendation might be different for something destined to be printed.) Leave some ability to scroll to overflowed content.

ToriBurns

You can use an html item instead. Put an html item before and after the control(crosstab, or list) that you want to have a scroll bar.

Then, on the first html item put this script:
<div style="width: 100%;height: 50px; /* sets a fixed height of div */
-webkit-overflow-scrolling: touch; /* allow touch scrolling in webkit browsers */
overflow: auto; /* sets overflow to scroll for desktop browsers */
overflow-x: hidden; /* hide scrollbar on x-axis. this line hides your horizontal scroll bar */"
>


(list, crosstab, chart, etc.)  -  put here your crosstab or list that you want to have a scroll bar. Set the width of this control to 100%

Add the second html item after your control and add this script.
</div>

Hope it helps. :D

Cheers
Tori

mrcool

Hi Tori,

Is there any script to handle the chart size dynamically? I do not want scroll bars and always want to fit the size of the chart to screen irrespective of the values selected in prompts.

Thanks,
mc