Skip to main content
Question

Question : Deep Dive into WWW cards. Displaying difficult URLs

  • January 12, 2026
  • 4 replies
  • 30 views
W

I have an old webpage that is generated in house.  The page is a production report that is updated frequently and leadership would like to see the report shown on Appspace screens in several locations.  
The problem is, the screen is formatted in a weird way.  whatever I do, the screen seems to come up in the upper left corner of the screen.
I suspect the original author designed it for 1024X764 screens and locked in a lot of dimensions to keep things lined up.

I downloaded the WWW Card I am using to display the URL,  I can see JSON, JAVA, a CSS, and a HTML document. 
Does anyone have a suggestion where I can look to force a screen resolution on the card so the image fills the screen?

under dist.min.js I count a section called “controller: function()”
In there I can see this code:
                controller: function($scope, $q, $element, $timeout, $interval) {
                                  var timeout = null;
                                 var loadTimeout = null;
                                 var resizeTimer = null;
                                var updateScaleTimeout = null;
                                var player = $('#main');
                                var lastWidth = $(window).width();
                                var lastHeight = $(window).height();
                                var errorTimeout = null;
                                var currentLoadingUrl;

Maybe I can modify the window Height and width and adjust the resolution?

Thanks,

-Mike

      4 replies

      lordtrackball
      • lordtrackball
      • Participating Frequently
      • January 12, 2026

      Usually web page window limits are on the website themselves. Modern HTML5 will have multiple values for the different screen formats (mobile, tablet, desktop, etc.).

      The device will announce it’s resolution and the web page will align itself to what was provided. Sounds like the original coder locked it in.

      Just to be sure, though… This doesn’t happen with all content, right? Just this one web card?

      Have you tried the legacy web page card?

      W
      • WKK_Mike
      • Author
      • Participating Frequently
      • January 12, 2026

      it is just the one card.  The reporting tool was written about 15 years ago.  I am sure the developer had not started using CCS or any type of site structure.  It was a combo of hand-coded and SQL reporting tools.    Unfortunately it is trapped in the limbo between, “we lost the source code and it’s too old to update”, and “we don’t have the budget to have someone develop a replacement for it yet.”
      So, I am trying to find a way to get appspace to “adapt” the webpage.

      One suggestion I had was to go into the chrome management page, set up a whole new organization unit, place the screens in that org unit, and then use Chrome to force the screen resolution of the devices to match the older size.  

      The drawback is that any other content I want to display would be too large, or might have the same issue in reverse.  

      My goal has been to find a way to “just make it fit”
      I really wish the “Uniform Fill” worked for webpages.

       

      Will White
      • Will White
      • Director, Strategic Workplace Innovation
      • January 14, 2026

      Hey ​@WKK_Mike - this kind of thing is always tricky! Have you tried the using the iframe option in the Webview Card and setting the website scaling option to “custom size” so that you can specify the exact resolution?  I’ve also done similar things by using the “Web (Legacy)” option under the Legacy category. It lets you enter a full HTML snippet, so I’ve used that configuration and created my own size-limited iframe code to paste in there. Basically the equivalent of getting “embed code” from Youtube or wherever.

      Will White
      W
      • WKK_Mike
      • Author
      • Participating Frequently
      • January 15, 2026

      I have tried both the iframe mode on the webcard, as well as putting a wrapper in front of the card using an HTML snippet.
      The SQL reporting tools do not seem to cooperate with those options.  The webpage fails to load at all.
      I have considered writing a “web scraper” to run on another web server in-house.  That server would be able to load the URL as it wants to load, perform a virtual screen-shot, then scale the graphic image to fit on the screen.


      I know that if I hook a mouse up to the Chrome Box I am using, when the URL loads, I can use the mouse wheel to adjust the browser “Zoom” and make the image much larger.  That will usually hold for a few days.  Unfortunately, it impacts all the other cards that are displayed also.

      I have not had time to dig into the way everything works yet.  I hope is that there is some way to adjust the web-browsers “zoom” per page.

      Watching the page load on Desktop machines, I can see the forced alignment being used to get headers and columns from SQL reporting tools to line up with data that is generated on the fly by script on the website.   My guess is the developer broke a lot of development rules to make everything line up correctly.  Now, in a post SVGA world, the page just does not scale.  1024X768 is where it wants to live.

       

      Terms & ConditionsCookie settingsAccessibility statement