Windows 10: Change Material Design UI Layout for Top of Google Chrome in Windows  

    Change Material Design UI Layout for Top of Google Chrome in Windows

    Change Material Design UI Layout for Top of Google Chrome in Windows

    How to Change Material Design UI Layout for Top of Google Chrome in Windows
    Published by Category: Browsers & Email
    09 Sep 2018
    Designer Media Ltd

    Published by


    Brink's Avatar
    Administrator

    Posts: 33,086

    Show Printable Version 


    How to Change Material Design UI Layout for Top of Google Chrome in Windows


    Google Chrome has a new Material Design refresh UI. This new UI comes with many new changes such as round curved tabs, round edges of address bar, color changes, etc.

    If you like, you can set a flag for an experimental feature to select a "UI layout for the brower's top chrome" you want that changes the look of the tabs and address bar in Chrome.

    You can toggle between the following UI layouts for the top of Google Chrome:
    • Default
    • Normal - for clamshell devices
    • Hybrid (previously touch) - middle point for devices with a touch screen
    • Auto - Let Chrome decide.
    • Touchable - new unified interface for touch and convertibles
    • Refresh - Material Design refresh
    • Touchable Refresh - Touchable Material Design refresh

    This tutorial will show you how to change the Material Design UI layout for the top (tabs and address bar) of Google Chrome to what you want for your account in Windows 7, Windows 8, or Windows 10.


    EXAMPLE: Material Design UI layouts for top of Google Chrome
    Name:  Chrome_normal.jpg
Views: 1932
Size:  79.3 KB Name:  Chrome_hybrid.jpg
Views: 3505
Size:  60.7 KB
    Name:  Chrome_touchable.jpg
Views: 3290
Size:  62.8 KB Name:  Chrome_refresh.jpg
Views: 1882
Size:  64.6 KB
    Name:  Chrome_touchable_refresh.jpg
Views: 1878
Size:  72.7 KB



    Here's How:

    1. Open Google Chrome.

    2. Copy and paste the link below into the address bar of Chrome, and press Enter.

    chrome://flags/#top-chrome-md

    3. Select the UI Layout for the browser's top chrome flag setting you want in the drop down menu. (see screenshot below)

    4. Click/tap on the RELAUNCH NOW button at the bottom to apply.

    Name:  UI_layout_for_top_of_Chrome.jpg
Views: 3359
Size:  93.5 KB


    That's it,
    Shawn





  1.    29 Jul 2018 #1

    I appreciate how Touchable/Refresh puts the user badge on the Toolbar, where it belongs!
    Always looked out of place on the Header!
      My ComputerSystem Spec

  2. Brink's Avatar
    Posts : 33,086
    64-bit Windows 10 Pro build 18262
    Thread Starter
       04 Sep 2018 #2

    Update:

    The top UI and tabs layout have now changed in the new Google Chrome 69.0.3497.81.

    Latest Google Chrome Released for Windows - Windows 10 Forums
      My ComputersSystem Spec


 

Tutorial Categories

Change Material Design UI Layout for Top of Google Chrome in Windows Tutorial Index Network & Sharing Instalation and Upgrade Browsers and Email General Tips Gaming Customization Apps and Features Virtualization BSOD System Security User Accounts Hardware and Drivers Updates and Activation Backup and Restore Performance and Maintenance Xbox Windows Phone


Related Threads
How to Enable or Disable Tab Audio Muting in Google Chrome in Windows In Google Chrome, you can enable or disable a flag for an experimental feature to be able to quickly mute or unmute a tab by clicking on the speaker icon (audio indicator)...
How to Enable or Disable Smooth Scrolling in Google Chrome in Windows In Google Chrome, you can enable or disable a flag for an experimental feature to animate smoothly when scrolling page content in Google Chrome. When you scroll a webpage...
I am playing the Toreba Crane Game, and it seems that it needs adobe flash player on desktop (it works on mobile, but interface is too slow); I read and tried the tutorial to enable the flash player in microsoft edge, but that didn't work (did they...
How to Enable or Disable Google Chrome Background Tab Throttling in Windows The stable channel of Google Chrome 57 for desktop ships with the background tab throttling power optimization feature. Announced from the Chromium Blog: ...

Tags for this Thread

Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd
All times are GMT -5. The time now is 07:39.
Find Us