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

janvier 20, 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 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é.

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.

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.

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).

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.

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.
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.

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 .

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 Grid DropDownList Menu TabStrip Té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 !