<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
We're experiencing an issue with regards to ADFS 3.0 login page not rendering correctly on a mobile device under certain conditions. &nbsp;I have attached a screenshot.<br />
<br />
I have an Android device and when using Chrome the text overlays the password box if I use my SwitfKey keyboard but if I use the standard builtin keyboard then the text is fine.<br />
<br />
On some other devices (Windows phone) the text overlays without the keyboard on the screen at all.<br />
<br />
Is there something I can do in the ADFS config for the login page?<br />
<br />
Thanks<br />
<a href="https://filedb.experts-exchange.com/incoming/2017/03_w13/1153132/Screenshot_20170327-072228.png" target="_blank" class="file-inline" title="ADFS Login page on a mobile device (185 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>Screenshot_20170327-072228.png</a>
</div>
</div>


Screenshot_20170327-072228.png

Hi,

We're experiencing an issue with regards to ADFS 3.0 login page not rendering correctly on a mobile device under certain conditions.  I have attached a screenshot.

I have an Android device and when using Chrome the text overlays the password box if I use my SwitfKey keyboard but if I use the standard builtin keyboard then the text is fine.

On some other devices (Windows phone) the text overlays without the keyboard on the screen at all.

Is there something I can do in the ADFS config for the login page?

Thanks

ADFS 3.0 login page for mobiles

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

Chrome is a free web browser created by Google. Originally released in 2008, it has grown to become the most used desktop web browser (as of October 2016).

Chrome

Active Directory Federation Services (ADFS)

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

Android is a mobile operating system developed by Google, based on the Linux kernel and designed primarily for touchscreen mobile devices such as smartphones and tablets. Android's user interface is based on direct manipulation, using touch gestures that loosely correspond to real-world actions, such as swiping, tapping and pinching, to manipulate on-screen objects, along with a virtual keyboard for text input. In addition to touchscreen devices, variants of Android are also used on notebooks, game consoles, digital cameras, televisions, automobiles and other electronics. Applications are usually developed in Java programming language using the Android software development kit (SDK), but other development environments are also available, including Delphi, Ruby and Visual Studio (using C++).

Android

A tablet computer is a mobile computer with a touchscreen display, circuitry, and battery in a single device. Tablets come equipped with sensors, including cameras, a microphone, and an accelerometer, and the touchscreen display uses the recognition of finger or stylus gestures replacing the usage of the mouse and keyboard. They usually feature on-screen, pop-up virtual keyboards for typing. Tablets may include physical buttons for basic features such as speaker volume and power, and ports for network communications and battery charging. Tablets are typically larger than smartphones or personal digital assistants.