Merge pull request #220394 from dknappettmsft/avd-web-client-ui-preview

AVD added new RD Web client UI preview

Author: denrea

articles/virtual-desktop/TOC.yml

@@ -23,7 +23,7 @@
       - name: Windows Desktop client
         href: whats-new-client-windows.md
       - name: Web client
-        href: /windows-server/remote/remote-desktop-services/clients/web-client-whatsnew?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+        href: whats-new-client-web.md
       - name: macOS client
         href: /windows-server/remote/remote-desktop-services/clients/mac-whatsnew?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
       - name: iOS/iPadOS client
@@ -120,7 +120,7 @@
   - name: Remote Desktop clients
     items:
     - name: Clients overview
-      href: ./users/remote-desktop-clients-overview.md
+      href: ./users/remote-desktop-clients-overview.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Compare the clients
       href: compare-remote-desktop-clients.md
     - name: Supported RDP properties
@@ -174,35 +174,35 @@
   - name: Connect to Azure Virtual Desktop
     items:
     - name: Windows Desktop client
-      href: ./users/connect-windows.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-windows.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Web client
-      href: ./users/connect-web.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-web.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: macOS client
-      href: ./users/connect-macos.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-macos.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: iOS/iPadOS client
-      href: ./users/connect-ios-ipados.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-ios-ipados.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Android/Chrome OS client
-      href: ./users/connect-android-chrome-os.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-android-chrome-os.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Windows Microsoft Store client
-      href: ./users/connect-microsoft-store.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-microsoft-store.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Thin clients
-      href: ./users/connect-thin-clients.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json&bc=%2Fazure%2Fvirtual-desktop%2Fbreadcrumb%2Ftoc.json
+      href: ./users/connect-thin-clients.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
   - name: Remote Desktop clients
     items: 
     - name: Use client features
       items:
       - name: Windows Desktop client
-        href: ./users/client-features-windows.md
+        href: ./users/client-features-windows.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
       - name: Web client
-        href: ./users/client-features-web.md
+        href: ./users/client-features-web.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
       - name: macOS client
-        href: ./users/client-features-macos.md
+        href: ./users/client-features-macos.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
       - name: iOS/iPadOS client
-        href: ./users/client-features-ios-ipados.md
+        href: ./users/client-features-ios-ipados.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
       - name: Android/Chrome OS client
-        href: ./users/client-features-android-chrome-os.md
+        href: ./users/client-features-android-chrome-os.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
       - name: Windows Microsoft Store client
-        href: ./users/client-features-microsoft-store.md
+        href: ./users/client-features-microsoft-store.md?toc=%2Fazure%2Fvirtual-desktop%2Ftoc.json
     - name: Configure device redirections
       href: configure-device-redirections.md
   - name: Set up the PowerShell module

articles/virtual-desktop/users/client-features-web.md

@@ -31,6 +31,30 @@ Native resolution is set to off by default. To turn on native resolution:
 
 1. Set **Enable native display resolution** to **On**.
 
+### Preview user interface (preview)
+
+A new user interface is available in preview for you to try. To enable the new user interface:
+
+1. Sign in to the Remote Desktop Web client.
+
+1. Toggle **Try the new client (Preview)** to **On**. To revert to the original user interface, toggle this to **Off**.
+
+### Grid view and list view (preview)
+
+You can change the view of remote resources assigned to you between grid view (default) and list view. To change between grid view and list view:
+
+1. Sign in to the Remote Desktop Web client and make sure you have toggled **Try the new client (Preview)** to **On**.
+
+1. In the top-right hand corner, select **Grid View** icon or the **List View** icon. The change will take effect immediately.
+
+### Light mode and dark mode (preview)
+
+You can change between light mode (default) and dark mode. To change between light mode and dark mode:
+
+1. Sign in to the Remote Desktop Web client and make sure you have toggled **Try the new client (Preview)** to **On**, then select **Settings** on the taskbar.
+
+1. Toggle **Dark Mode** to **On** to use dark mode, or **Off** to use light mode. The change will take effect immediately.
+
 ## Input methods
 
 You can use a built-in or external PC keyboard, trackpad and mouse to control desktops or apps.
@@ -136,6 +160,14 @@ If you have another Remote Desktop client installed, you can download an RDP fil
 
 1. Open the downloaded RDP file in your Remote Desktop client to launch a remote session.
 
+## Reset user settings (preview)
+
+If you want to reset your user settings back to the default, you can do this in the web client for the current browser. To reset user settings:
+
+1. Sign in to the Remote Desktop Web client and make sure you have toggled **Try the new client (Preview)** to **On**, then select **Settings** on the taskbar.
+
+1. Select **Reset user settings**. You'll need to confirm that you want reset the web client settings to default.
+
 ## Provide feedback
 
 If you want to provide feedback to us on the Remote Desktop Web client, you can do so in the Web client:

articles/virtual-desktop/users/connect-web.md

@@ -57,6 +57,10 @@ When you sign in to the Remote Desktop Web client, you'll see your workspaces. A
 >[!TIP]
 >If you've already signed in to the web browser with a different Azure Active Directory account than the one you want to use for Azure Virtual Desktop, you should either sign out or use a private browser window.
 
+## Preview features
+
+If you want to help us test new features, you should enable the preview. A new user interface is available in preview; to learn how to try the new user interface, see [Preview user interface](client-features-web.md#preview-user-interface-preview), and for more information about what's new, see [What's new in the Remote Desktop Web client for Azure Virtual Desktop](../whats-new-client-web.md?toc=%2Fazure%2Fvirtual-desktop%2Fusers%2Ftoc.json).
+
 ## Next steps
 
 To learn more about the features of the Remote Desktop Web client, check out [Use features of the Remote Desktop Web client when connecting to Azure Virtual Desktop](client-features-web.md).

articles/virtual-desktop/users/toc.yml

@@ -9,9 +9,9 @@ items:
   - name: What's new for Remote Desktop clients
     items:
     - name: Windows Desktop client
-      href: ../whats-new-client-windows.md
+      href: ../whats-new-client-windows.md?toc=%2Fazure%2Fvirtual-desktop%2Fusers%2Ftoc.json
     - name: Web client
-      href: /windows-server/remote/remote-desktop-services/clients/web-client-whatsnew?toc=%2Fazure%2Fvirtual-desktop%2Fusers%2Ftoc.json
+      href: ../whats-new-client-web.md?toc=%2Fazure%2Fvirtual-desktop%2Fusers%2Ftoc.json
     - name: macOS client
       href: /windows-server/remote/remote-desktop-services/clients/mac-whatsnew?toc=%2Fazure%2Fvirtual-desktop%2Fusers%2Ftoc.json
     - name: iOS/iPadOS client

articles/virtual-desktop/whats-new-client-web.md

@@ -0,0 +1,34 @@
+---
+title: What's new in the Remote Desktop Web client for Azure Virtual Desktop
+description: Learn about recent changes to the Remote Desktop Web client for Azure Virtual Desktop
+ms.topic: conceptual
+author: dknappettmsft
+ms.author: daknappe
+ms.date: 12/07/2022
+---
+# What's new in the Remote Desktop Web client for Azure Virtual Desktop
+
+We regularly update the Remote Desktop Web client for Azure Virtual Desktop, adding new features and fixing issues. Here's where you'll find the latest updates.
+
+You can find more detailed information about the Windows Desktop client at [Connect to Azure Virtual Desktop with the Remote Desktop Web client](users/connect-web.md) and [Use features of the Remote Desktop Web client when connecting to Azure Virtual Desktop](users/client-features-web.md).
+
+> [!NOTE]
+> What's new information used to be combined for the Remote Desktop Web client for Azure Virtual Desktop and Remote Desktop Services. You can find information for versions earlier than 2.0.0.3 at [What's new in the web client](/windows-server/remote/remote-desktop-services/clients/web-client-whatsnew).
+
+## Updates for version 2.0.0.3 (preview)
+
+*Date published: December 8th 2022*
+
+A new user interface is available in preview, which has the following new functionality:
+
+- An updated design.
+- [Switch between grid view and list view](users/client-features-web.md#grid-view-and-list-view-preview).
+- [Switch between light mode and dark mode](users/client-features-web.md#light-mode-and-dark-mode-preview).
+- [Reset user settings](users/client-features-web.md#reset-user-settings-preview).
+
+For more information and how to try the new user interface, see [Preview user interface](users/client-features-web.md#preview-user-interface-preview).
+
+## Next steps
+
+- [Connect to Azure Virtual Desktop with the Remote Desktop Web client](users/connect-web.md)
+- [Use features of the Remote Desktop Web client when connecting to Azure Virtual Desktop](users/client-features-web.md)