Discussions
Categories
Groups
Community Home
Categories
INTERNAL ENABLEMENT
POPULAR
THRUST SERVICES & TOOLS
CLOUD EDITIONS
Quick Links
MY LINKS
HELPFUL TIPS
Back to website
Home
Intelligence (Analytics)
Screen size influence the display of dashboard
Fuigi
<p>Hi,</p>
<p> </p>
<p>I have one question. The screen size can influence the display of a dashboard ?</p>
<p> </p>
<p>I ask this question because today I have presented a dashboard on a laptop (connected to a tv by HDMI). But we can't see all the report, the right part of the report was cut.</p>
<p> </p>
<p>That surprise me. My superior made me the remark.</p>
<p> </p>
<p>Something like that (sorry I can't take the original picture, I create that with paint.)</p>
<p> </p>
<p>
Find more posts tagged with
Comments
JFreeman
<p>What layout are you using for you dashboard gadgets?</p>
<p> </p>
<p>If the layout is set for "One Column", "Two Column", or "Three Column" the width's should automatically adjust to the screen resolution. However, if you are using the "Free Form" layout the auto adjustment will not occur.</p>
<p> </p>
<p>I believe scroll bars should also show up by default if the content of the dashboard is greater than the available screen size.</p>
Fuigi
<p>So I can't have element with the size as I want and place as I want with an adjust to the screen size ?</p>
<p> </p>
<p>I will see for the scrollbar another time.</p>
<p> </p>
<p>But that a bad point I find, cause if the user have a larger screen size he will see blank. and it doesn't look pretty.</p>
<p> </p>
<p>And if he have a smaller screen size he will have to use a scrollbar, disturbing too.</p>
<p> </p>
<p>An evolution that overcomes this issue will be possible in futur or not in your opinion ?</p>
JFreeman
<p><span style="color:rgb(40,40,40);font-family:'Source Sans Pro', sans-serif;">What layout are you using for your dashboard gadgets?</span></p>
<p><span style="color:rgb(40,40,40);font-family:'Source Sans Pro', sans-serif;">Are you using a Free Form layout?</span></p>
<p><span style="color:rgb(40,40,40);font-family:'Source Sans Pro', sans-serif;">Are your gadgets chart gadgets are are you using Report/Reportlet gadgets to import your charts from a report design?</span></p>
<p> </p>
<p><span>Depending on your configuration you may need to add some scripting to the charts/reports in order to make them dynamically resize.</span></p>
Fuigi
<p>I use free form in my dashboard.</p>
<p> </p>
<p>I don't sure I understand all your last reply sorry.</p>
<p> </p>
<p>My chart gadget are a report created with Birt professionnal.</p>
<p> </p>
<p>But the thing it's I have selection gadget created in the dashboard creation linked to my chart gadget who are gadget report.</p>
<p>And I want to have my gadget selection with the size I want, just above my chart. I have my 5 gadget selection in one row and my charts just under.</p>
<p> </p>
<p>If I can resize them dynamically with script, can I have an exemple ?</p>
<p> </p>
<p>If you want I can attach report exemple that what I use.</p>
JFreeman
<p>You can use script like the following in onContentUpdate in the clientScripts of the report design to perform automatic resizing:</p>
<pre class="_prettyXprint _lang-js">
myViewer99 = this.getViewer();
var reportWidth = myViewer99.getWidth();
var chart = myViewer99.getChart();
var chartHeight = $("div", $(chart.getHtmlDom())).height();
chart.getClientChart().setSize(reportWidth - 20, chartHeight);
$(window).resize(function() {
var reportWidth = myViewer99.getWidth();
var chart = myViewer99.getChart();
var chartHeight = $("div", $(chart.getHtmlDom())).height();
chart.getClientChart().setSize(reportWidth - 20, chartHeight);
});
</pre>