Fermer

janvier 20, 2022

Quoi de neuf dans l'interface utilisateur Telerik pour ASP.NET MVC avec R1 20222 minutes de lecture



Nouveau ASP.NET MVC PivotGrid v2, composants d'interface utilisateur Avatar ; nouvelles fonctionnalités dans Editor, Data Grid, ColorPicker, ScrollView ; options de thème ; plus d'actifs de l'interface utilisateur Figma – et ce n'est pas tout.

Bonjour, les développeurs ! C'est l'heure de la première version de 2022 ! Telerik R1 2022 apporte de nouveaux composants d'interface utilisateur Avatar et PivotGrid v2; fonctionnalités dans Data Grid, Editor, ColorPicker ; options de thème pour styliser et dimensionner les composants ; un nouvel exemple d'application MVC ; Améliorations de l'extension Visual Studio ; et plus encore !

TL;DR Telerik UI for ASP.NET MVC R1 2022

Vous trouverez ci-dessous un résumé du contenu de la version R1 2022 Telerik UI pour ASP.NET MVC expédiée entre septembre 2021 et janvier 2022 :

  • Nouveau Composants : PivotGrid, Avatar nouveaux et améliorés
  • Améliorations du thème : Introduction des paramètres de thème dans les boutons, les listes déroulantes, les entrées et les sélecteurs de date, facilitant la création de langages de conception
  • Kit d'interface utilisateur Telerik & Kendo pour Figma v1.7 Améliorations apportées à la grille de données : Source de données partagée
  • Amélioration de l'éditeur : Commandes Annuler et Rétablir
  • Améliorations de ColorPicker : Basculer entre l'affichage Dégradé et Palette, Revenir à la couleur par défaut, Outil de contraste des couleurs, conception mise à jour
  • Graphique améliorations : Panoramique et zoom améliorés, couleurs mises à jour et conception
  • Amélioration de la barre de panneau : Conception mise à jour
  • Améliorations de Visual Studio : Extension Visual Studio remaniée, avec sélection de thèmes et de nuances et nouveau modèle de tableau de bord d'administration
  • Prise en charge de Visual Studio 2022 [19659006]Nouvel exemple d'application de tableau de bord d'administration
  • Améliorations des bibliothèques de traitement de documents : Prise en charge de la mise en forme conditionnelle et des notes d'exportation avec un auteur spécifique dans SpreadProcessing, Nested MailMerge dans WordsProcessing

Regardons maintenant de plus près toutes ces éléments passionnants de la version R1 2022 d'ASP.NET MVC.

Nouveau composant d'interface utilisateur d'avatar ASP.NET MVC

Le nouveau composant d'avatar ASP.NET MVC est parfait pour afficher des photographies, des icônes, des représentations d'avatar ou des initiales dans vos applications MVC.

En raison de ses capacités personnalisables, le composant Avatar peut être configuré pour répondre à un large éventail de besoins UX .Cela inclut de décider si l'avatar doit être représenté sous la forme d'un cercle, avec des côtés arrondis ou sous la forme d'un carré, ainsi que de décider quelles images, icônes ou initiales doivent être affichées dans le composant .

Vous pouvez personnaliser davantage l'apparence en modifiant la taille (petite, moyenne (par défaut) ou grande), le style de remplissage de l'apparence, la bordure, le texte alternatif et plus encore !

Améliorations du thème

Nous aborderons de nombreuses fonctionnalités et améliorations de thème dans le cadre d'un effort continu pour rendre les thèmes de l'interface utilisateur de Kendo plus extensibles et adaptables, et pour aider nos utilisateurs à couvrir davantage exigences de conception et UX. (Remarque : l'ensemble de thèmes communs de l'interface utilisateur Kendo peut être utilisé avec tous les produits Telerik et Kendo UI, y compris l'interface utilisateur pour Blazor, ASP.NET Core et MVC, et l'interface utilisateur Kendo pour jQuery, React, Vue et Angular.)

Sur la base de vos commentaires sur les personnalisations de thème et les tendances du langage de conception, nous avons à nouveau passé en revue tous les composants de l'interface utilisateur Telerik dans les thèmes par défaut, bootstrap et matériel, et ajouté des paramètres communs qui peuvent être définis au niveau du composant pour aider avec des choses comme spécifiant les couleurs du thème principal, la taille et la forme des composants individuels, etc. ]

  • Taille
  • Forme
  • Arrondi
  • FillMode
  • ces mises à niveau impliquent des changements de rupture pour quiconque a modifié l'interface utilisateur Telerik pour les composants ASP.NET MVCnous vous conseillons vivement de consulter l'article dédié et d'inclure un peu de temps dans votre processus de mise à jour pour gérer les modifications avec rupture.

    Des composants supplémentaires seront abordés avec les futures versions en 2022. Voici un aperçu feuille de route sur les composants qui seront couverts par la suite :

    Feuille de route R2 2022 et au-delà : AppBar, BottomNavigation, Badge, Notification, Tooltip, Loader, Toolbar, Window, Dialog, TabStrip, PanelBar, ExpansionPanel, Upload, Éditeur, planificateur et plus !

    Gardez à l'esprit que les choses peuvent changer ici car notre feuille de route s'adapte en fonction des commentaires des clients, mais cela devrait toujours servir de plan approximatif pour le moment où certains composants seront ciblés :

    Pour fournir plus des informations sur ces changements et notre plan général autour des thèmes de l'interface utilisateur de Kendo, nous avons récemment publié un article de blog sur l'avenir des thèmes dans Telerik et Kendo UI.

    Telerik & Kendo UI Kit for Figma v1. 7

    Nous avons officiellement introduit le Kits d'interface utilisateur Telerik et Kendo pour Figma il y a quelques mois dans le but d'aider à améliorer la collaboration entre les concepteurs et les développeurs utilisant les composants d'interface utilisateur Telerik et Kendo. Nous avons élargi l'ensemble initial de composants d'interface utilisateur, et je suis heureux de partager qu'avec R1 2022, nous avons introduit des actifs Figma pour tous les composants d'interface utilisateur Telerik et Kendo à une seule exception : les graphiques.

    Nouveau composant PivotGrid amélioré

    Nous venons de publier le nouveau et meilleur Composant d'interface utilisateur PivotGrid le mois dernier ! Vous pouvez utiliser le nouveau PivotGrid v2 immédiatement, car il a été conçu dès le départ avec une conception mise à jour pour offrir les meilleures performances et la meilleure expérience utilisateur possible. Bien que le PivotGridv2 puisse avoir moins de fonctionnalités et de fonctionnalités que le PivotGrid d'origine au Au moment de sa sortie initiale, l'objectif est de continuer à étendre ses capacités au cours des prochaines mises à jour jusqu'à ce qu'il atteigne une parité complète avec l'original (et au-delà). Interface utilisateur pour AS P.NET MVC PivotGrid v2 Component" style="vertical-align: middle;"/>

    Ne vous inquiétez pas si vous utilisez actuellement PivotGrid : rien ne changera avec cette mise à niveau. Nous maintiendrons les deux composants exécutés simultanément jusqu'à ce que nous recevions des indications indiquant que la majorité des utilisateurs sont passés au nouveau. avec des modèles et convertissez en PDF à l'aide des démos. et peut désormais référencer des sources de données externes.

    De nouvelles fonctionnalités et vues dans le composant d'interface utilisateur ColorPicker

    Les vues Dégradé et Palette ainsi qu'un basculement entre les couleurs prédéfinies (Palette) et personnalisées, ont été ajoutées au ColorPicker ASP.NET MVC ( Pente). Le composant fournit également des entrées RVB et HEXainsi que la possibilité de définir le format par défaut.

    Enfin, le ColorPicker a maintenant des options pour tester le rapport de contraste des couleurs entre deux couleurs en utilisant le Niveaux WCAG AA et AAA.

    Modernisation du rendu du composant PanelBar

    Lorsque tout le contenu est étendu, l'interface utilisateur Telerik pour le composant ASP.NET MVC PanelBar a une apparence et une sensation légèrement rafraîchies, ce qui rend les éléments enfants ressortent mieux.

    Nouveau Fonctionnalités dans la grille de données MVC

    Glisser-déposer des lignes de grille

    La fonctionnalité intégrée des données ASP.NET MVC grid permet aux utilisateurs finaux de faire glisser et déposer des lignes simples et multiples dans la grille et entre deux grilles pour les réorganiser.

    Prise en charge des champs sans chaîne dans le panneau de recherche de la grille

    Les valeurs de colonne sans chaîne peuvent maintenant être recherché et filtré dans le panneau de recherche de grilles.

    Grid Multi-Column Tri via CTRL + Click

    Les options de tri de la grille ont été augmentées, et plus de façons d'interagir avec elle ont été ajoutés. Lorsque le bouton CTRL est enfoncé, les utilisateurs finaux peuvent désormais trier sur plusieurs colonnes. La grille reviendra au tri par une seule colonne si vous cliquez sur un en-tête de colonne sans maintenir la touche CTRL enfoncée. Les modèles sont utilisés pour créer du matériel, qui est ensuite exporté au format PDF. vertical-align: middle;"/>

    Ajuster la largeur de toutes les colonnes au contenu

    Vous pouvez créer une grille simplifiée avec une largeur minimale possible pour toutes les colonnes ou les colonnes sélectionnées à l'aide de la nouvelle fonction autoFitColumnsgarantissant que son texte sous-jacent s'adapte parfaitement sans espaces vides ni habillage. augmentant considérablement la fonctionnalité du composant. >

    Améliorations de la bibliothèque de graphiques

    Panoramique et zoom améliorés

    Avec R1 2022, nous avons parcouru le panoramique et le zoom dans les graphiques de l'interface utilisateur Telerik et Kendo. Avec la mise à jour actuelle, le zoom est désormais cohérent lors d'un zoom avant et arrière à l'aide de la molette de la souris.

    Mise à jour des couleurs et du design

    Une autre annonce pour R1 2022 liée à la mise à jour de tous les thèmes est que la bibliothèque de graphiques prend désormais en charge un nouvel ensemble de couleurs par défaut prêtes à l'emploi. Cela donne une sensation plus moderne et plus de couleurs à choisir pour la série de graphiques, et cela maintient la conception en ligne avec le thème de l'interface utilisateur qui est utilisé.

    Pour voir toutes les nouvelles couleurs de vos propres yeux, voici un lien rapide vers Telerik UI for ASP.NET MVC Charts qui affiche les nouvelles couleurs par défaut.

    Admin Dashboard Demo App and Template

    UI for ASP.NET MVC propose deux variantes d'un scénario demandé . Nous avons inclus une toute nouvelle application de démonstration du tableau de bord d'administration et un modèle de projet Visual Studio. Les deux fournissent le même cas d'utilisation présentant les composants Telerik dans une application ASP.NET MVC et incluent de nombreux composants d'interface utilisateur en action : Grille, Disposition des tuiles, Tiroir, Calendrier, Formulaire, divers types de graphiques, Carte, etc.

    En plus du nouveau modèle de projet, l'extension Visual Studio pour MVC inclut désormais l'option de configuration du thème de l'application, ainsi qu'un échantillon de couleur lors de la création du projet. pour ASP.NET MVC Admin Dashboard Sample App" style="vertical-align: middle;"/>

    Prise en charge de Visual Studio 2022

    En tant que fournisseur leader de composants d'interface utilisateur .NET, nous sommes heureux d'annoncer que tous Les bibliothèques d'interface utilisateur Telerik (interface utilisateur Telerik pour ASP.NET MVC incluse) sont compatibles avec Visual Studio 2022 depuis novembre 2021, peu de temps après sa sortie par Microsoft.Vous pouvez plonger dans un développement transparent avec nos composants Web, créer de nouveaux projets à l'aide de nos modèles de projet et mises en page intégrées et prendre des adv antage des vastes bibliothèques d'interface utilisateur Telerik.

    Nouvelles fonctionnalités dans Telerik Document Processing

    Pour ceux d'entre vous qui utilisent Telerik Document Processing dans des projets ASP.NET MVC, nous avons quelque chose de nouveau dans la version R1 2022 ! Plusieurs des éléments les plus recherchés de notre portail de commentaires sont inclus dans le package de distribution le plus récent, notamment :

    • SpreadProcessing Conditional Formatting : La nouvelle fonctionnalité vous permet de spécifier des règles pour la visualisation des cellules et d'appliquer le formatage en fonction de leurs valeurs.
    • RadSpreadProcessing Notes : l'utilisateur pourra ajouter et exporter des notes associées à un certain auteur. Interface utilisateur pour AS P.NET MVC

      Téléchargez et essayez une version d'essai de l'interface utilisateur Telerik pour ASP.NET MVC, ou si vous avez déjà une licence, accédez à Votre compte pour obtenir la version la plus récente et la meilleure ! Aidez-nous à définir l'avenir de l'interface utilisateur pour ASP.NET MVC en partageant vos commentaires sur notre Portail de commentaires.

      Télécharger l'interface utilisateur Telerik pour ASP.NET MVC

      Webinaire et dédié Sessions Twitch

      Pour voir les nouveaux composants et fonctionnalités en action, inscrivez-vous au webinaire sur la version Telerik R1 2022 et aux sessions Twitch en direct :

      Sessions Twitch :

      Lun, 24 janvier I 10 h 00 – 12 h ET I Desktop & Mobile
      Mar 25 janvier I 10 h 00 – 12 h ET I Web .NET

      Webinaire :

      Mer 2 février I 11 : 00 – 13 h 00 ET

      Réservez votre place pour le webinaire

      Merci pour le soutien continu et bon codage !




    Source link

    0 Partages