nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Auto resize

khorsi

Hi,

Is there a way to make the web report fit into the page when resized. I mean make the report page width all its components stretch and shrink according to the web page it is embedded in.

I tried to import a style with the property max-width:100%;

but it doesn't work.

Find more posts tagged with

Comments

mwilliams

Have you tried changing the report layout to auto? I believe fixed is the default. You'll find this setting by clicking on a blank spot within your design and then scrolling down on the general section of the property editor.

khorsi

<blockquote class='ipsBlockquote' data-author="'mwilliams'" data-cid="113854" data-time="1359874908" data-date="03 February 2013 - 12:01 AM">
Have you tried changing the report layout to auto? I believe fixed is the default. You'll find this setting by clicking on a blank spot within your design and then scrolling down on the general section of the property editor. </blockquote>
 
Thanks mwilliams for the reply, 
 
yes I did ensured that the grid and the page layouts are auto but still the report is biger than the container 
 
maybe this is because there is a chart in my report. If this is why the page does not shrink how to do with chart? 
 
Thanks again

mwilliams

You could use html script tags in a text box to write some simple client side script to resize the chart based on the window.innerHeight and window.innerWidth values. To access the chart, you'd just go to the bookmark section of the property editor and give your chart a bookmark, like "mychart". Then, in your client side script, you could grab the chart with document.getElementById{"mychart");. Hope this helps. Let me know if you have questions on how to do this.

khorsi

<blockquote class='ipsBlockquote' data-author="'mwilliams'" data-cid="113868" data-time="1359960293" data-date="03 February 2013 - 11:44 PM">
You could use html script tags in a text box to write some simple client side script to resize the chart based on the window.innerHeight and window.innerWidth values. To access the chart, you'd just go to the bookmark section of the property editor and give your chart a bookmark, like "mychart". Then, in your client side script, you could grab the chart with document.getElementById{"mychart");. Hope this helps. Let me know if you have questions on how to do this. </blockquote>
 
Thanks mwilliams 
 
I will give it a try

mwilliams

You're welcome. Let me know if you have questions.