Quoi de neuf dans l'interface utilisateur Telerik pour ASP.NET Core avec R1 2022

Nouveaux composants d'interface utilisateur ASP.NET Core PivotGrid v2 et Avatar, REPL, améliorations dans Editor, Data Grid, ColorPicker, ScrollView, options de thème, plus d'actifs Figma UI.

Hé, les développeurs ! C'est l'heure de la sortie de Telerik R1 2022, et nous sommes ravis de lancer 2022 avec l'introduction de nouveaux composants d'interface utilisateur, de fonctionnalités, d'améliorations de thème, de plus d'actifs d'interface utilisateur Figma et de mises à jour de l'extension Visual Studio Code ! ASP.NET Core R1 2022

Vous trouverez ci-dessous un résumé du contenu de la version R1 2022 Telerik UI pour ASP.NET Core livré entre octobre 2021 et janvier 2022 :

• Nouveaux composants : Nouveau et amélioré PivotGrid, Avatar [19659006]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 et facilité la création de langages de conception
• Kits d'interface utilisateur Telerik et Kendo pour Figma v1.7
• Améliorations de la grille de données : Glisser-déposer des lignes, ajuster la largeur de toutes les colonnes au contenu, rechercher par champs non-chaînes, tri multi-colonnes via CTRL + clic Commandes Annuler et Rétablir
• ColorPicker Enh ancements : Basculer entre les vues Dégradé et Palette, Revenir à la couleur par défaut, Outil de contraste des couleurs, Mise à jour de la conception Conception mise à jour
• Composant de panneau réactif : ajout d'un assistant HTML
• Présentation d'autres exemples de code d'assistance TAG
• Améliorations des extensions Visual Studio et Visual Studio Code : Extension Visual Studio Code remaniée, avec thème & Swatches Selection et nouveau modèle de tableau de bord d'administration dans les extensions Visual Studio et Visual Studio Code 6
• Améliorations officielles 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[19659022] Examinons maintenant de plus près les mises à jour R1 2022 pour l'interface utilisateur Telerik pour ASP.NET Core !

  . Compatibilité NET 6 et Visual Studio 2022

  La bibliothèque Telerik UI pour ASP.NET Core est compatible avec .NET 6 et Visual Studio 2022 depuis novembre 2021, peu après la sortie par Microsoft. Vous pouvez plonger dans un développement transparent avec nos composants Web et créer de nouveaux projets à l'aide de nos modèles de projet VS et de nos mises en page intégrées.

  

  Telerik REPL pour ASP.NET Core

  Le Telerik REPL pour ASP.NET Core est un environnement en ligne interactif qui lit, compile et exécute immédiatement votre code côté serveur C# dans le navigateur. L'environnement prêt à l'emploi ne nécessite aucune installation, compte ou outil spécial. Il vous suffit de vous lancer et de commencer à coder. Les fonctionnalités supplémentaires incluent :

  •  Enregistrer vos extraits de code côté serveur
  • Partager des exemples avec une URL simple
  • Partager depuis votre IDE avec l'aide de nos Visual Studio et Visual Studio Extensions de code
  • Référencement de fichiers statiques
  • Sans couture accès à l'interface utilisateur Telerik pour ASP.NET Core avec plus de 110 composants d'interface utilisateur vraiment natifs et faciles à personnaliser

  Une revue détaillée des capacités ASP.NET Core REPL peut être trouvée dans le article de blog dédié.

  

  Nouveau composant d'avatar ASP.NET Core

  Le nouveau Le composant Avatar ASP.NET Core est idéal pour afficher des photos, des icônes, des représentations d'avatar ou des initiales dans vos applications.

  Le composant Avatar peut être personnalisé pour répondre à une variété d'exigences UX grâce à son options de configuration. Cela implique de définir si l'Avatar doit être dessiné comme un cercle, avec des côtés arrondis ou comme un carré, ainsi que quelles images, icônes ou initiales doivent être affichées dans le composant.

  

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

  Améliorations des thèmes

  Sur la base de vos commentaires liés aux personnalisations de thèmes et aux tendances du langage de conception, nous allons aborder divers aspects de nos thèmes dans un effort continu pour rendre les thèmes de l'interface utilisateur de Kendo plus flexibles, extensibles et personnalisables pour aider nos utilisateurs couvrir davantage d'exigences en matière de conception et d'expérience utilisateur. (Remarque : l'ensemble de thèmes communs de Kendo UI peut être partagé entre tous les produits Telerik et Kendo UI : UI pour Blazor, ASP.NET Core et MVC, ainsi que Kendo UI pour jQuery, React, Vue et Angular).

  Nous ont revisité tous les composants de l'interface utilisateur Telerik à travers les thèmes par défaut, Bootstrap et Material et ont introduit des options communes qui peuvent être définies au niveau des composants qui peuvent aider à définir les couleurs du thème principal, la taille et la forme des composants individuels, et plus encore. ]

  Avec R1 2022, nous avons mis à jour les catégories de composants Button, Input, DateInput et DropDown (voir la liste complète des composants mis à jour et les documentation sur l'apparence ici). La mise à jour du rendu offre les options de thème suivantes adaptées aux spécificités du composant :

  • ThemeColor
  • Size
  • Shape[19659006] Arrondi
  • Mode de remplissage

  Ces options ont été déployées avec la version v5 des thèmes basés sur Kendo UI Sass, qui est la dernière version des packages de thèmes à ce jour. Ces mises à jour contiennent des modifications importantes pour toute personne ayant personnalisé l'interface utilisateur Telerik pour les composants ASP.NET Core. Nous vous recommandons vivement de consulter l' article de documentation décrivant en détail les modifications de rendu et d'ajouter du temps pour traiter les modifications avec rupture dans le cadre de tout processus de mise à jour que vous avez peut-être planifié.

  Des composants supplémentaires seront abordés dans les futures versions. en 2022. Vous trouverez ci-dessous une feuille de route approximative sur les composants qui seront couverts ensuite. Gardez à l'esprit que les choses peuvent changer ici car notre feuille de route s'ajuste en fonction des commentaires des clients, mais cela devrait toujours servir de plan approximatif pour savoir quand certains composants seront ciblés :

  R2 2022 roadmap et au-delà : AppBar, BottomNavigation, Badge, Notification, Tooltip, Loader, Toolbar, Window, Dialog, TabStrip, PanelBar, ExpansionPanel, Upload, Editor, Scheduler, etc.

  Pour fournir plus d'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.

  Kit d'interface utilisateur Telerik & Kendo pour Figma v1.7

  Nous avons officiellement présenté 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. Le mois dernier, nous avons annoncé la sortie du nouveau composant d'interface utilisateur PivotGrid amélioré pour ASP.NET Core ! Vous pouvez immédiatement profiter du nouveau PivotGridv2, qui a été construit à partir de zéro et a une conception mise à jour pour garantir que les performances et l'expérience utilisateur sont aussi bonnes que possible. Alors qu'au moment de sa sortie initiale, le PivotGridv2 peut avoir moins de fonctionnalités et moins de fonctionnalités que le PivotGrid d'origine, les plans sont, dans les prochaines versions, de continuer à étendre ses fonctionnalités jusqu'à ce qu'il atteigne la parité totale avec l'original (et même dépasser ce).

  Si vous utilisez déjà le PivotGrid existant, n'ayez crainte, rien ne changera avec Nous continuerons à maintenir les deux composants côte à côte jusqu'à ce que nous ayons la preuve que la plupart des utilisateurs ont migré vers le nouveau composant.

  Essayez le nouveau composant PivotGrid et essayez les démos montrant comment trier, filtrer, afficher du contenu personnalisé à l'aide de modèles et exporter au format PDF. la Grille et ajouté plus de façons d'interagir avec elle. Les utilisateurs finaux peuvent désormais effectuer un tri sur plusieurs colonnes en appuyant sur le bouton CTRL. Lorsque vous cliquez sur un en-tête de colonne sans appuyer sur le bouton CTRL, la Grille revient au tri par un seul colonne.

  

  Ajuster la largeur de toutes les colonnes au contenu

  À l'aide de la nouvelle méthode autoFitColumnsvous pouvez restituer une grille élégante avec une largeur minimale possible pour toutes les colonnes ou les colonnes sélectionnées afin que leur texte sous-jacent s'adapte parfaitement sans espaces vides ni habillage.

  Grid Rows Drag & Drop[19659064]La grille de données ASP.NET Core possède une fonctionnalité intégrée qui permet aux utilisateurs finaux de réorganiser des lignes simples et multiples en les faisant glisser et en les déposant dans la grille et entre deux grilles.

  

  Prise en charge des champs sans chaîne dans le panneau de recherche de la grille[19659064]Le panneau de recherche de la grille permet désormais la recherche et le filtrage des valeurs de colonne non-chaîne.

  Commandes d'annulation et de rétablissement de l'éditeur

  Le composant d'interface utilisateur de l'éditeur pour ASP.NET Core a été enrichi avec les commandes intégrées Undo et Redo, améliorant encore les capacités du composant. 19659003]Source de données partagée avec le composant ScrollView

  Le composant d'interface utilisateur ScrollView pour ASP.NET Core peut désormais référencer des sources de données externes et accepter le nom de la source de données en tant que chaîne dans son .DataSource méthode de configuration.

  

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

  Le ColorPicker ASP.NET Core a été étendu avec Vues de dégradé et de paletteplus un basculement entre les couleurs prédéfinies (Palette) et couleurs personnalisées (Dégradé). Le composant expose également des entrées pour les formats RVB et HEX et une option pour configurer son format par défaut. Composant ColorPicker"/>

  Enfin, le ColorPicker fournit désormais des options pour vérifier le rapport de contraste des couleurs entre deux couleurs conformément aux niveaux AA et AAA des directives pour l'accessibilité des contenus Web (WCAG).

  Modernisation du rendu du composant PanelBar

  Le Telerik UI for ASP.NET Core PanelBar component a reçu une apparence et une convivialité légèrement rafraîchies, ce qui est plus visible lorsque tout le contenu est développé, ce qui garantit que les éléments enfants se démarquent mieux .

  

  Améliorations des graphiques

  Amélioration du panoramique et du zoom

  Avec R1 2022, nous avons amélioré le panoramiqueet zoomer sur les cartes 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, plus de couleurs à choisir pour la série de graphiques et une conception plus cohérente avec le thème de l'interface utilisateur utilisé. qui affiche les nouvelles couleurs par défaut.

  Responsive Panel HTML Helper

  Pour compléter la prise en charge du référencement des composants Telerik à l'aide des assistants HTML et TAG dans les applications ASP.NET Core, nous avons ajouté la possibilité de brancher le composant d'interface utilisateur du panneau réactif à l'aide de la configuration Html.Kendo().ResponsivePanel().

  Échantillons de code d'assistance TAG

  Avec l'expansion actuelle des exemples d'assistance TAG, nous prévoyons de répondre à vos commentaires concernant un travail plus facile avec les composants d'interface utilisateur Telerik dans les applications ASP.NET Core. Dans R1 2022, nous ajoutons des dizaines (voire des centaines) d'échantillons de code pour nos composants les plus appréciés, tels que Data GridDropDownListMenuTabStripTélécharger et plus encore ! Notre objectif est d'aborder d'autres démos d'assistance TAG avec les futures versions en 2022, vous pouvez donc vous attendre à plus de mises à jour dans les versions R2 et R3 2022. amélioration de l'extension Visual Studio Code ! Vous pouvez profiter de l'UX mise à jour, configurer la version du framework .NET (y compris .NET 6.0) et définir des thèmes de projet ainsi que des nuances de couleurs en quelques clics lors de la création du projet.

  Vous pouvez également essayer le nouveau modèle de projet de tableau de bord d'administration avec une mise en page et des fonctionnalités prédéfinies. Branchez simplement vos données et liez-les aux composants, y compris la grille, la disposition des tuiles, le tiroir, le calendrier, le formulaire, divers types de graphiques, la carte et plus encore. "Telerik ASP.NET Core Visual Studio Code Extension"/>

  Nouvelles fonctionnalités dans le traitement de documents Telerik

  Dans la version R1 2022, nous avons quelque chose de nouveau pour ceux d'entre vous qui utilisent Telerik Document Processing dans les applications ASP.NET Core ! Dans le dernier package de distribution, vous trouverez plusieurs des éléments les plus recherchés de notre portail de commentaires, tels que :

  • Formatage conditionnel pour SpreadProcessing : visualisation des cellules et applique le formatage en fonction de leurs valeurs.
  • Notes pour RadSpreadProcessing : L'utilisateur pourra ajouter et exporter des notes avec un auteur spécifique.
  • Imbrication MailMerge for WordsProcessing : Chaque champ de fusion peut contenir une liste d'élé ments qui doivent être affichés dans le document fusionné. titulaire d'une licence active, vous pouvez simplement récupérer les dernières nouveautés sur la page Votre compte ! Partagez vos réflexions avec nous sur notre Portail de commentaires et aidez-nous à façonner l'avenir de l'interface utilisateur pour ASP.NET Core.

    Téléchargez l'interface utilisateur Telerik pour ASP.NET Core

    Webinaire & Sessions Twitch dédiées

    Assurez-vous de vous inscrire au webinaire sur la version Telerik R1 2022 et aux sessions Twitch en direct pour voir les nouveaux composants et fonctionnalités en action :

    Sessions Twitch :[19659112]Lundi 24 janvier | 10 h 00 – midi HE I Desktop & Mobile
    Mardi 25 janvier | 10h00 – 12h00 ET I .NET Web

    Webinaire :
    Mercredi 2 février | 11h00 – 13h00 ET

    Réservez votre place pour le webinaire

    Merci pour le soutien continu et bon codage !