This discussion has been locked.
You can no longer post new replies to this discussion. If you have a question you can start a new discussion

New Desktop UI Release 2022

Please use this thread for any questions or feedback regarding the new Desktop UI Refresh. 

Access preview: 

  • Download this file: New User Interface Preview
  • Download this file for the Full Installation: New User Interface Preview - Full M-Files Installation
    • This .zip package contains:
      • Setup file for installing the client
      • Two scripts (NewDesktop.bat & DefaultDesktop.bat) - one for taking the new Desktop UI into use, and another one to take it off
      • Simple instructions for installing the client and for running the scripts
      • Some changes are not available in the preview, but will be available in the November release.

Other resources:

You can find all other resources from Community Page dedicated to the New Desktop UI.

Parents
  • Hello together,

    we have updated all our c# development and it's realy much easier like before. 

    Now we look for all UIX apps. 

    To have a harmony layout we try to take the same color and padding for button

    and other things.Based on JQuery 3.6.0 and Bootstrap 4.4.1 everything is working fine. 

    My questions:

    1. Is there a restriction what kind of version we can use JQuery / Bootstrap?

    2. Is there a color and padding guid for the new UIX like in developer-Portal [User Experience][Colors] ?

    Our first samples look near by original.

    We changed .btn border-radius to 0.1rem and padding to 0.375rem 1.1rem 0.375rem 1.1rem 

    and button color like in the css following.

     

    .btn {
    	display: inline-block;
    	font-weight: 400;
    	color: #212529;
    	text-align: center;
    	vertical-align: middle;
    	cursor: pointer;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
    	background-color: transparent;
    	border: 1px solid transparent;
    	padding: 0.375rem 1.1rem 0.375rem 1.1rem;
    	font-size: 0.9rem;
    	line-height: 1.0;
    	border-radius: 0.1rem;
    	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    .btn-outline-primary {
    	color: #318CCC;
    	border-color: #318CCC;
    }
    
    .btn-outline-primary:hover {
    	color: #fff;
    	background-color: #318CCC;
    	border-color: #318CCC;
    }
    
    .btn-outline-dark {
    	color: #000;
    	border-color: #ababab;
    }
    
    .btn-outline-dark:hover {
    	color: #fff;
    	background-color: #318CCC;
    	border-color: #318CCC;
    }

    Thanks a lot

    Uwe

  • You can use any version of JQuery and Bootstrap that support the embedded browser engine we use.  Note that this is the older WebView (IE-based) browser, though, so you may need to step back several versions to get one which is compatible.

    The Developer Portal has been updated with information on the refreshed desktop UI.  If there's specific content you want then please let me know and we can look to update it early next year.

Reply
  • You can use any version of JQuery and Bootstrap that support the embedded browser engine we use.  Note that this is the older WebView (IE-based) browser, though, so you may need to step back several versions to get one which is compatible.

    The Developer Portal has been updated with information on the refreshed desktop UI.  If there's specific content you want then please let me know and we can look to update it early next year.

Children
No Data