/* * These styles apply ONLY to the header and footer assets. */ .xf-footer-general__logo { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__logo { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__logo { padding-left: 1.2rem; padding-right: 1.2rem } } .cmp-container--in-grid { padding-left: 1.2rem; padding-right: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid { padding-left: 2.2rem; padding-right: 2.2rem } } @media(min-width:1201px) { .cmp-container--in-grid { padding-left: 4.8rem; padding-right: 4.8rem } } @media(min-width:1440px) { .cmp-container--in-grid { clear: both!important; float: none!important; margin-left: auto!important; margin-right: auto!important; max-width: 134.4rem } } .cmp-container--fullwidth { margin-left: 0!important; margin-right: 0!important; padding-left: 0; padding-right: 0 } .cmp-container--spacing-bottom { margin-bottom: 8rem } @media(min-width:769px) { .cmp-container--spacing-bottom { margin-bottom: 12rem } } @media(min-width:1201px) { .cmp-container--spacing-bottom { margin-bottom: 16rem } } .cmp-container--half-spacing-bottom { margin-bottom: 2.4rem } @media(min-width:1201px) { .cmp-container--half-spacing-bottom { margin-bottom: 3.2rem } } .cmp-container--background-light>.cmp-container { background-color: #f7f7f7 } .cmp-container--background-dark>.cmp-container { background-color: #050a52; color: #fff } .cmp-container--background-dark>.cmp-container a, .cmp-container--background-dark>.cmp-container h1, .cmp-container--background-dark>.cmp-container h2, .cmp-container--background-dark>.cmp-container h3, .cmp-container--background-dark>.cmp-container h4, .cmp-container--background-dark>.cmp-container h5 { color: inherit } .cmp-container--border>.cmp-container { border-radius: .8rem } .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .4rem; margin-right: .4rem; padding: 1.2rem .8rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 2.2rem 1.4rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 4.8rem 3.6rem } } @media(min-width:1440px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem!important; margin-right: 1.2rem!important } } .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 1.2rem; padding-top: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 2.2rem; padding-top: 2.2rem } } @media(min-width:1201px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 4.8rem; padding-top: 4.8rem } } .xf-footer-general__content { background-color: #050a52; padding-bottom: 2rem; padding-top: 4.8rem } .xf-footer-general__content>.cmp-container { position: relative } .xf-footer-general__primary-content { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__primary-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__primary-content { padding-left: 1.2rem; padding-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__primary-content>.cmp-container { display: grid; grid-template: 5.7rem auto/1fr 2fr; grid-template-areas: "logo sitemap" "regionselector sitemap" } .xf-footer-general__primary-content { padding-top: 1.6rem } } .xf-footer-general__logo { margin-bottom: 3.2rem; padding: 0 } .xf-footer-general__logo .cmp-image__image { border-radius: unset; height: 1.5rem; width: auto } .xf-footer-general__logo .cmp-image__link { display: block } @media(min-width:1400px) { .xf-footer-general__logo { grid-area: logo } } .xf-footer-general__regionselector .cmp-regionselector-trigger { align-items: center; background: unset; border: unset; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; padding: 0 } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon { stroke: currentColor; height: 2.4rem; margin-right: .8rem; width: 2.4rem } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon path { stroke-width: 5 } .xf-footer-general__regionselector .cmp-regionselector-trigger__label { align-items: center; display: flex } .xf-footer-general__regionselector .cmp-regionselector-trigger__label:after { border-bottom: .2rem solid #fff; border-right: .2rem solid #fff; content: ""; display: inline-block; height: .8rem; margin-left: .8rem; transform: rotate(45deg) translateY(-.4rem); width: .8rem } @media(min-width:1400px) { .xf-footer-general__regionselector { grid-area: regionselector } } .xf-footer-general__sitemap { padding-top: 1.2rem } .xf-footer-general__sitemap .cmp-sitemap { font-size: 14px } .xf-footer-general__sitemap .cmp-sitemap__group { grid-column-gap: .5rem; display: grid; grid-template-columns: 1fr 1fr } @media(min-width:769px) { .xf-footer-general__sitemap .cmp-sitemap__group { grid-gap: 4rem 1.6rem; grid-template-columns: repeat(4, 1fr) } } .xf-footer-general__sitemap .cmp-sitemap__item-label { color: #fff; display: block; font-weight: 700; margin-top: 4rem; text-decoration: none } @media(min-width:1400px) { .xf-footer-general__sitemap .cmp-sitemap__item-label { margin-top: 0 } } .xf-footer-general__sitemap .cmp-sitemap__linkicon { fill: currentColor; flex-shrink: 0; height: 1.2em; margin-top: .2em; opacity: 0 } @media(max-width:768px) { .xf-footer-general__sitemap .cmp-sitemap__linkicon { display: none } } .xf-footer-general__sitemap .cmp-sitemap__listitem-link { grid-gap: .8rem; color: #c4c4c4; display: flex; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover { color: #fff } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover .cmp-sitemap__linkicon { opacity: 1 } @media(min-width:1400px) { .xf-footer-general__sitemap { grid-area: sitemap; padding-top: 0 } } .xf-footer-general__social-content { margin-top: 4.8rem; padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__social-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__social-content { padding-left: 1.2rem; padding-right: 1.2rem } } .xf-footer-general__social-content>.cmp-container { grid-gap: .8rem; display: flex } .xf-footer-general__social-icon { padding: 0 } .xf-footer-general__social-icon .cmp-image__link { align-items: center; background-color: hsla(0, 0%, 100%, .1); border-radius: .8rem; box-sizing: border-box; display: flex; height: 2.5rem; justify-content: center; padding: .6rem; width: 2.5rem } .xf-footer-general__social-icon .cmp-image__link:hover { background-color: hsla(0, 0%, 100%, .2) } .xf-footer-general__social-icon .cmp-image__image { border-radius: unset; height: auto; max-height: 100%; max-width: 100%; width: auto } .xf-footer-general__legal-content { border-top: .1rem solid #1f38b0; box-sizing: border-box; font-size: 14px; margin-left: .4rem; margin-right: .4rem; margin-top: 4.8rem; padding-top: 2rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__legal-content { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__legal-content { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__legal-content { margin-top: 0rem } } .xf-footer-general__legal-navigation { color: #c4c4c4 } @media(min-width:769px) { .xf-footer-general__legal-navigation, .xf-footer-general__legal-navigation .cmp-navigation__group { grid-gap: 1.8rem; display: flex } } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting, .xf-footer-general__legal-navigation .cmp-navigation__item-link { color: inherit; display: block; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting:hover, .xf-footer-general__legal-navigation .cmp-navigation__item-link:hover { color: #fff } .xf-footer-general__legal-text { color: #c4c4c4; font-size: 14px; padding: 2rem 0 .8rem } .xf-footer-general__legal-text a { color: inherit } .xf-footer-general { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__primary-content--campaign { padding-top: unset } @media(min-width:769px) { .xf-footer-general__social-content--campaign { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: 0 } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign { right: 6rem } } .xf-footer-general__primary-content--campaign-minified { margin-top: -1.6rem; padding-top: unset } @media(min-width:769px) { .xf-footer-general__legal-content--campaign-minified { margin-top: 3rem; padding-top: 1.4rem } .xf-footer-general__social-content--campaign-minified { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: -.8rem } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign-minified { right: 6rem } } @media(min-width:1400px) { .xf-footer-general__legal-content--campaign-minified, .xf-footer-general__primary-content--campaign-minified { float: left } .xf-footer-general__primary-content--campaign-minified>.cmp-container { display: block } .xf-footer-general__legal-content--campaign-minified { border-top: unset; margin-bottom: .4rem; margin-left: 5.6rem; margin-top: -2.1rem; padding-top: unset } .xf-footer-general__social-content--campaign-minified { top: -2.4rem } } .xf-footer-general--campaign { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__content { box-sizing: border-box; font-family: inherit; min-height: 8.8rem } .xf-footer-general__content ul { list-style: none; margin: 0; padding: 0 } @media(min-width:769px) { .xf-footer-general__primary-content--campaign-minified { min-height: 2.4rem } } .xf-footer-general__regionselector .cmp-regionselector, .xf-footer-general__regionselector .cmp-regionselector-trigger { display: none } /*# sourceMappingURL=styles.css.map */

TeamViewer Tensor (Classic)

New browser engine support for IoT devices

This article applies to IoT users who are accessing the web interfaces of the IoT devices using the TeamViewer application

Overview

TeamViewer uses browser engines to render the web content of the Remote AppControl tab in the IoT remote sessions.

Starting with version 15.9, TeamViewer will support the Microsoft Edge WebView2 technology for the IoT Devices.

Microsoft Edge WebView2 is a Chromium-based web control that can handle web technologies not being supported by IE.

Requirements

A Windows (7, 8.1, 10) machine, with TeamViewer v15.9 or higher.
A Microsoft Edge WebView2 Runtime installed.
An IoT Device with a running web application.

How to activate the new browser engine

Before you switch to the new browser engine please make sure that you have the Microsoft Edge WebView2 Runtime installed on your machine. If it is already installed you can skip this step.

There is a chance that your machine already has this component as it could come with other applications using WebView2 technology.

Open TeamViewer Client and click the gear icon (⚙) to open the Options ➜ Advanced ➜ Show advanced options ➜ IoT options. Enable the checkbox for the Use Microsoft Edge WebView2 for Remote AppControl.

On your next connection to the IoT device, Microsoft Edge WebView2 will be used to display the web content.

Below is an example of using the old and the new browser engines for the Remote AppControl tab.