December 13, 2019, 12:20:36 AM
Welcome, Guest. Please login or register
News: Join us for a FREE Webinar this Thursday at http://webinar.digitalsignage.com

MediaSignage support forum



Author Topic: HTML Component | Zoom Website Content  (Read 12035 times)

cmcallister

  • Newbie
  • *
  • Posts: 8
  • Karma: +1/-0
    • View Profile
HTML Component | Zoom Website Content
« on: May 20, 2011, 02:02:58 AM »
The HTML Component is great, we use it for just about everything. I'd like to see the ability to set a zoom level for the component so webpage content (particularly text) can be rendered larger on 1080p monitors.

admin

  • Administrator
  • Hero Member
  • *****
  • Posts: 5015
  • Karma: +35/-8
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #1 on: May 20, 2011, 07:29:34 AM »

mclark2112

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #2 on: July 08, 2011, 01:13:17 PM »
Add me to this request, being able to zoom, or at least set text size would be awesome!

admin

  • Administrator
  • Hero Member
  • *****
  • Posts: 5015
  • Karma: +35/-8
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #3 on: July 10, 2011, 06:40:57 AM »
I will ...

JamieIT

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #4 on: April 06, 2012, 02:03:23 PM »
Please add me to this request aswell!

ictrix

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #5 on: October 23, 2012, 01:03:40 PM »
I've just started developing on this platform and to say I'm excited is an understatement.  I use scenes with cropped HTML components for more or less everything at the moment. The ability to zoom would be fantastic and I feel will enhance creative opportunities for all those using dynamic web based content in their campaigns.

Please can you guys give an indication for the priority of this feature on your roadmap? If in the distant future, is it possible to change a station's output to a screen type set at a lower resolution, scheduled to change throughout a campaign and switch back and forth automatically?

Or does anyone know of any other method to display a zoomed version of a webpage, maybe a web service you could append the URL you'd like magnified to.. webpagezoomer.com/thepageiwanttozoom.com ?? Long shot I know lol.

HVL

  • Jr. Member
  • **
  • Posts: 86
  • Karma: +2/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #6 on: October 24, 2012, 03:04:13 AM »
Or does anyone know of any other method to display a zoomed version of a webpage, maybe a web service you could append the URL you'd like magnified to.. webpagezoomer.com/thepageiwanttozoom.com ?? Long shot I know lol.

I also use the HTML object to do just about everything in our campaigns as well. We've been having similar issues, more specifically problems with enlarging content pulled from an external site. Even though the content was pretty much plain text, I couldn't increase the font size using CSS.

I found a solution, though. By putting the whole external site in a <div>, I could then use transform property of CSS (see code below) on the divider, I was able to enlarge it by a factor of choice.

Code: [Select]
<html>
<head>
<style>
#wrap
{
width:670px;
height:412px;
border:0px solid blue;
margin-left:180px;
margin-top:85px;
transform:scale(1.5,1.5);
-ms-transform:scale(1.5,1.5); /* IE 9 */
-moz-transform:scale(1.5,1.5); /* Firefox */
-webkit-transform:scale(1.5,1.5); /* Safari and Chrome */
-o-transform:scale(1.5,1.5); /* Opera */
overflow: hidden
}
</style>
</head>
<body>
<div id="wrap">
<iframe id="conventus" src="http://hvl-gruppen.dk/mediasignage/test/conventus_js.html" style=" border-width:0 " width="670" height="412" frameborder="1" scrolling="no"> </iframe>
</div>
</body>
</html> 


Examples
Orignal: http://hvl-gruppen.dk/mediasignage/test/test_original.html
Zoom: http://hvl-gruppen.dk/mediasignage/test/test_zoom.html

Note that the margins and the transform factor are the only things that differ in the two page-sources. (The margins need tweaking, because they are transformed as well. Didn't bother perfecting them for test purposes.)

I don't know if this will be of any use to you, but this solved my issues (for now).
An official zoom-feature for scenes/html components would also be appreciated.

If you post what site you're attempting to zoom in on, I could perhaps help you a bit more.
« Last Edit: November 05, 2012, 12:23:28 AM by HVL »

ictrix

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #7 on: November 01, 2012, 09:42:50 AM »
Thank you so much HVL, this workaround works like a charm :)

However to reiterate - an official zoom-feature for scenes/html components would still be very much appreciated and welcome.

ictrix

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #8 on: November 14, 2012, 11:55:45 AM »
Ok so I got 4 x mediaDroid devices delivered yesterday and the zoom workaround doesn't work as it did on my Windows 7 test box :(

Does any know of a similar workaround for Android?

HVL

  • Jr. Member
  • **
  • Posts: 86
  • Karma: +2/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #9 on: November 15, 2012, 06:05:43 AM »
Ok so I got 4 x mediaDroid devices delivered yesterday and the zoom workaround doesn't work as it did on my Windows 7 test box :(

Does any know of a similar workaround for Android?

Maybe the internal html-component in android doesn't support the CSS property transform.

I'm not able to test this myself, but this fellow made a javascript library that enables cross-platform transform.
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

Add the following after your </style>:

Code: [Select]
<script type="text/javascript" src="path/to/js/cssQuery-p.js"></script>
<script type="text/javascript" src="path/to/js/jcoglan.com/sylvester.js"></script>
<script type="text/javascript" src="path/to/js/cssSandpaper.js"></script>

You need to download the javascripts from here first. https://github.com/zoltan-dulac/cssSandpaper/tree/master/shared/js

Then try adding the line
Code: [Select]
-sand-transform:scale(2,2); to the divider you want transformed.

Again, I haven't tested this at all.

ictrix

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #10 on: November 15, 2012, 12:20:48 PM »
Thanks so much for your reply HVL, I'll let you know how I get on :)

kevx529

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #11 on: November 28, 2012, 09:01:54 PM »
I have a 1280x720 scene with 3 smaller scenes embedded.  these smaller embed scenes are cropped HTML links, nothing dynamic.  test works on my intel i3 laptop and both mediaBoxes, however on mediaDroid ZXh i don't see any of the embedded html scenes.  Nor do i see the html when using the individual html scenes straight to a timeline.

am i missing something - is the mediaDroid ZXh not capable of displaying the HTML component?  :(

HVL

  • Jr. Member
  • **
  • Posts: 86
  • Karma: +2/-0
    • View Profile
Re: HTML Component | Zoom Website Content
« Reply #12 on: December 02, 2012, 11:12:20 PM »
You do have internet, right?..
I don't have any way to test what you're experiencing, though. You should contact live-chat.

 

Carbonate design by Bloc
variant: carbon
SMF 2.0.12 | SMF © 2016, Simple Machines