Question
Hexaware Technologies Ltd
IN
Last activity: 11 Sep 2019 1:21 EDT
How to calculate dynamic width (CSS code) based on the screen resolution
Hi Everyone,
When I am launching the dashboard from dev portal the scroll bar (whole screen )going right side(refer this post: https://community1.pega.com/community/pega-support/question/dashboard-zoomed-varies#comment-868651)
To solve that issue I have followed another approach:
For each widget, I have used the scroll bar to avoid the main scroll bar issue
For example, in each widget->for the table gird->in the presentation tab -> I have added the CSS code(width: 70vw) for a scroll bar. But If add more widgets( using right column template) then it's overlapping the content.)
So is there any way to calculate the dynamic width(CSS code) based on the screen resolution
Early response will be highly appreciated
Thanks,
Sornalatha R
Optum
IN
Hi,
It would be helpful if you could illustrate your issue with some screenshots.
Also, seeing the top level view of this question, I sense that this function might be helpful to you: https://www.w3schools.com/cssref/func_calc.asp
Thanks
Pegasystems Inc.
US
What I meant is you can write the below code in userworkform.
<script>
var a = screen.width;
console.log(a);//It will print the width of the screen in console.
</script>