How to avoid scrolling

[Yasser]

Hello,

This may seems to be a wired and extremely ridiculous question, But this is the client requirement ! 

We've created dashboards on report studio have some charts and indicators, They need the result in HTML not to be scrolled vertically or horizontally.
I've created it to fit one page when they export to PDF, But How to make it not scroll in any machine with any resolution ! Is that doable?

Thanks,
Yasser

[Lynn]

Hello,

This may seems to be a wired and extremely ridiculous question, But this is the client requirement ! 

We've created dashboards on report studio have some charts and indicators, They need the result in HTML not to be scrolled vertically or horizontally.
I've created it to fit one page when they export to PDF, But How to make it not scroll in any machine with any resolution ! Is that doable?

Thanks,
Yasser

You can try putting it inside a block and then select the "Content is clipped" option in the block size and overflow property.

[Yasser]

You can try putting it inside a block and then select the "Content is clipped" option in the block size and overflow property.

Thanks for your reply Lynn,

I've tried that with no luck

[Lynn]

Thanks for your reply Lynn,

I've tried that with no luck

Perhaps I don't understand the requirement. Wouldn't be the first time  :)
You do need to specify a height and width for the block in addition to setting the clipped option.

If you are referring to the browser's scroll bars then I'm not aware of anything you can do about that, but perhaps others might have suggestions.

[CognosPaul]

This seems more of a general design question instead of a technical one.

Preventing a user from seeing scrolling, no matter what the resolution, is always an effort in futility. No matter how low a resolution you might design for, there's always someone who has a lower res set up. In cases like these, decide in a minimum resolution in advance. Generally I assume a minimum resolution of 1024x768, which was the standard display of laptops from several years ago.

From there, cut the width by a third and height by a quarter, and assume that's the max you can use for your report. So roughly 700x575 is what I aim for. There is NOT a lot of data you can dump into a screen that small.

The next thing to consider is that Cognos does not support responsive design. Graphs are static images. So, having those two points in mind, design your reports well. You can usually fit four graphs in that space, with a horizontal KPI bar.

Also, one last thing. The layout for the PDF does not need to be the same layout from the HTML. Create a reportOutput() variable and use the conditional layouts.

[bdbits]

I agree with CognosPaul. Cognos is pretty weak on the responsive design angle.

The properties Lynn referenced are probably the best you can do out-of-the-box. Even if you manage to get rid of the scrollbars, the user may still be able to scroll around with the keyboard. To get around that you delve further into css and javascript, and six months later you emerge from the rabbit hole only to find that your customizations no longer work in the latest version of Cognos.

Don't do that to yourself.  ;D

[Invisi]

I also agree with CognosPaul in the sense that you can't design a dashboard for any resolution, unless you have only 3-4 elements on it. But then it's not a true dashboard, right...

A true dashboard (as Few defines it) usually contains a large amount of visualisation elements. It also is aimed at a specific user group. Normally this user group will have similar devices to consume the dashboard. I think you can start with getting the target user group clear per dashboard and the resolutions of their device. It will give you an optimised and workable dashboard.

[Invisi]

Also, I suggest you ask why you have to make a PDF version. Usually a dashboard is made to be consumed on a screen, as it typically has drill down capacity. My strategy is to design for screen first. The PDF can always be made to fit on a page by some nifty tricks and is mainly a backup for the primary use of the dashboard.

[Yasser]

This seems more of a general design question instead of a technical one.

Preventing a user from seeing scrolling, no matter what the resolution, is always an effort in futility. No matter how low a resolution you might design for, there's always someone who has a lower res set up. In cases like these, decide in a minimum resolution in advance. Generally I assume a minimum resolution of 1024x768, which was the standard display of laptops from several years ago.

From there, cut the width by a third and height by a quarter, and assume that's the max you can use for your report. So roughly 700x575 is what I aim for. There is NOT a lot of data you can dump into a screen that small.

The next thing to consider is that Cognos does not support responsive design. Graphs are static images. So, having those two points in mind, design your reports well. You can usually fit four graphs in that space, with a horizontal KPI bar.

Also, one last thing. The layout for the PDF does not need to be the same layout from the HTML. Create a reportOutput() variable and use the conditional layouts.

Totally agree with you... Thanks.