Skip to Content
0

SAP Design Studio - Adjust witdth and height of whole report

Aug 03, 2017 at 02:05 PM

128

avatar image

Hello dear community,

is there any way I can adjust the whole report (with all the objects)?

I want to do that because I don't want that the users of the report have to scroll to left/right or up/down.

I hope you understand what I mean, if you have any question about this feel free to ask.

Regards,

Vu

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Mustafa Bensan Aug 03, 2017 at 02:40 PM
0

Hi Vu,

There is no generic, one-size-fits-all answer to your question. You must carefully design the layout specific to the content of your application, making appropriate use of Grid Layout component, auto sizing and margins. If you can provide the requirements for a specific application we can try to provide more specific guidance accordingly.

Regards,

Mustafa.

Show 14 Share
10 |10000 characters needed characters left characters exceeded

Hi Mustafa,

thanks for the quick reply again.

Imagine this is how my report looks like:

And I just want to delete the blue marked area.

But I didn't find a way to do that.

Regards,

Vu

chzea.png (77.5 kB)
0

Which Design Studio components have you used in your example? Can you provide a screenshot of the Outline Panel so I can understand the layout structure?

0

If I click into the blue area it should tag the component I clicked, but the blue area is free of components.

So that means there's nothing than that.

Screenshot:

2hdtp.png (144.1 kB)
0

You should set the Height and Width properties of the Grid Layout to "auto".

In your example though, there is no need for a Grid Layout. You can use the Pagebook component directly and set the Width and Height properties to "auto".

0

I made it as you described, but the blue area is still empty and does not disappear.

xgesl.png (301.4 kB)
0

You need to set the Bottom Margin and Right Margin to zero.

0
Show more comments

Hi Vu,

Regarding your last comment, there is nothing you can do about that space if you use fixed sizing. You should not be designing applications with a fixed height and width. Since the browser window size can change, the recommended approach is to apply auto sizing to the main container so that it fills the browser window.

I am not sure why you want to build an application of fixed size?

Regards,

Mustafa.

0

Hi Mustafa,

I want a report of a responsive size, that adjusts to the monitor of the user.

But I found out that working with margins doesn't work, as proved with my problem.
Can you help me to find a way to make the report adjusting.

Regards,

Vu

0

Hi Vu,

You can definitely achieve "a report of a responsive size, that adjusts to the monitor of the user". Applying margins and auto sizing does in fact work. In the example you have provided you state that "But I want the blue marked area to disappear and not that the report extends in height.". By it's very nature, a "report of responsive size" means that the report height and width expands or contracts to fit the browser size. It sounds like you want it to stay fixed in your example and this is not responsive design. In your example, it looks like you are using an Image component inside a Pagebook but you don't want the image stretched when the browser height changes, is that right?

Regards,

Mustafa.

0

Hi Mustafa,

I tried to work with margins by setting the width and height of ALL objects in my report to AUTO.

After I successfully did that, I tried to test if that works for the report but if I increase or reduce the size of the internet browser, the report still looks the same and is not adjusting to the internet browser window..

What I want is this: If I increase or reduce the window of the internet explorer OR the monitor / resolution changes, I want the report to adjust to it.

Why doesn't that work with auto-width and auto-height margin?

Thanks and Regards,

Vu

0

Hi Vu,

It's not as simple as setting the dimensions of all objects to auto. The layout needs to be considered on a case by case basis for each application.

Can you provide a complete screenshot of the application you are having difficulty with, showing how it currently looks in different browser sizes and screen resolutions?

Regards,

Mustafa.

0

Hi Mustafa,

sure, see this screenshot:

First at all: Although I set the Pagebook-Component AND the Screenshot -Component to AUTO-WIDTH and AUTO-HEIGHT, there is a horizontal scrolling.... (see the red marked area in the screenshot)

logically there shouldn't be a scrolling bar because I set auto-width and auto-height. Why is that so? Is it because there is a minimum/least height in the application/report? That would explain the blue area if I try to reduce the height manually.

Regards,

Vu

report.png (899.4 kB)
0
Show more comments