Telerik UI pour ASP.NET Core R3 2021 Release Blog!

La version R3 2021 pour l'interface utilisateur Telerik pour ASP.NET Core est arrivée et apporte tellement de nouvelles fonctionnalités d'interface utilisateur ! Quatre nouveaux composants d'interface utilisateur : OrgChart, Captcha, Heatmap et Popover ; nouveau modèle de projet de tableau de bord d'administration et application de démonstration utilisant Razor Pages et les assistants TAG ; Kits de conception pour Figma, compatibilité avec .NET 6 Release Candidate 1 et plus !

TL;DR Telerik UI pour ASP.NET Core R3 2021

Vous trouverez ci-dessous un résumé du contenu de la troisième version majeure pour 2021 :[19659004]Nouveaux composants : OrgChart, Captcha, Heatmap, Popover

Plongée en profondeur dans R3 Version 2021 de l'interface utilisateur pour ASP.NET Core

Lire la suite pour en savoir plus sur les derniers ajouts de composants d'interface utilisateur, les fonctionnalités des composants existants, les kits de conception et les améliorations de l'extension Visual Studio.

Compatibilité avec .NET 6 Release Candidate 1[19659003]Nous sommes heureux d'annoncer que l'interface utilisateur Telerik pour la version ASP.NET Core R3 2021 est compatible avec .NET 6.0 Release Candidate 1 ! Notre objectif est de nous assurer que vous puissiez profiter immédiatement des dernières et meilleures mises à jour de .NET 6 et assurera une prise en charge complète de sa sortie officielle plus tard cette année en novembre, peu de temps après son annonce par Microsoft. Pendant ce temps, tous ceux qui restent sur les versions précédentes d'ASP.NET Core (.NET 5 et antérieures) peuvent être assurés que nous continuerons à les prendre en charge également.

Nouvelle interface utilisateur pour le composant d'organigramme ASP.NET Core

Le L'interface utilisateur du composant ASP.NET Core OrgChart visualise les données hiérarchiques et permet aux utilisateurs d'interagir de manière transparente avec les structures organisationnelles. Le composant est livré avec plusieurs fonctionnalités intégrées telles que l'expansion et la réduction des nœuds d'organisation, le regroupement, la liaison de données à distance, l'édition, le chargement de données à la demande, le rendu de contenu personnalisé via des modèles, l'accessibilité et la navigation au clavier, RTL, options pour les assistants HTML ou TAG et plus encore.

Telerik UI pour le composant d'organigramme ASP.NET Core

Nouvelle interface utilisateur pour Composant ASP.NET Core Captcha

Le UI ​​pour le composant ASP.NET Core Captcha vous permet d'ajouter une couche de validation de sécurité aux entrées de votre application et est particulièrement applicable dans les cas où vous devez vous assurer que non- les demandes humaines ou les soumissions de formulaires sont ignorées. Le composant affiche une image avec des symboles (combinaison de lettres et de chiffres), et invite les utilisateurs à la réécrire dans une entrée dédiée. Dans le cadre du composant Captcha, un bouton audio est rendu pour garantir que le composant est accessible et peut être utilisé par n'importe quel utilisateur. En plus de lire à haute voix les symboles visualisés, il vous permet également de régler le volume du haut-parleur. Pour voir la liste complète des fonctionnalités, des cas d'utilisation et des événements, consultez la page de documentation Captcha.

Telerik UI pour le composant Captcha ASP.NET Core

Nouvelle interface utilisateur pour le composant Heatmap ASP.NET Core

L'interface utilisateur pour ASP. Le composant NET Core HeatMap Chart visualise la représentation graphique des données numériques, où les points de données individuels contenus dans l'ensemble de données sont représentés à l'aide de différentes couleurs. Il a une structure en forme de grille qui a des cellules associées à un axe X et un axe Y. La valeur de chaque cellule détermine la couleur dans laquelle la cellule doit être remplie, avec la gamme de couleurs allant du blanc à une couleur complètement remplie et tout le reste sous forme de dégradé.

Les cartes thermiques simplifient les données numériques complexes en visualisations, ce qui peut être compris en un coup d'œil (comme l'exemple ci-dessous avec la distribution et la densité du contrôle de source au cours des 12 dernières semaines).

Telerik UI pour ASP.NET Core HeatMap Component

Dans l'interface utilisateur pour ASP.NET Offre de base, le graphique HeatMap comprend des réticules, différentes formes, des échelles de couleurs, une exportation PDF, un panoramique et un zoom, une liaison de catégorie, des info-bulles et diverses options de thème.

Nouvelle interface utilisateur pour le composant ASP.NET Core Popover

Le L'interface utilisateur pour le composant Popover ASP.NET Core est pratique lorsque vous devez afficher du contenu au-dessus d'une ancre (par exemple, lorsque vous devez afficher un contenu détaillé lorsque les utilisateurs survolent certains éléments de l'interface utilisateur). Le composant popover prend en charge les modèles, ce qui vous permet de restituer du contenu personnalisé tel que des images, du texte stylisé, etc. Tout comme le reste des composants de l'interface utilisateur Telerik pour ASP.NET Core, il se décline en deux versions : les assistants HTML et TAG, et comprend plusieurs événements et plus de 20 options de thème.

Telerik UI pour ASP.NET Core Popover Component

Nouvelles fonctionnalités dans l'interface utilisateur existante pour les composants ASP.NET Core

Nouvelle interface utilisateur pour les fonctionnalités de formulaire ASP.NET Core

Le Composant Form UI a reçu beaucoup d'amour dans cette version et a été étendu avec :

• Prise en charge des champs cachés pour un meilleur contrôle programmatique
• TAG Implémentation de l'assistant
• TextBox et TextArea ont été ajoutés aux contrôles intégrés du formulaire

Nouvelles fonctionnalités de grille de données : alignement des valeurs de cellule

Le composant Grille de données pour ASP.NET Core vous permet de spécifiez l'alignement horizontal du contenu (Left, Right ou Cen ter) à l'aide de HtmlAttributes(). Les en-têtes et pieds de colonne peuvent également être alignés, à l'aide des méthodes HeaderHtmlAttributes() et FooterHtmlAttributes()respectivement.

Amélioration de l'accessibilité du pager

Le composant Pager pour ASP Il est désormais possible de naviguer dans .NET Core à l'aide des flèches, des boutons du clavier Accueil et Fin, Tab, Entrée, Échap et Maj (en plus de l'option existante d'utilisation des boutons PageUp et PageDown). Découvrez la Démo de navigation du clavier Pager.

Nouvelle fonctionnalité MultiSelect : ajout d'une flèche déroulante

Nous avons ajouté l'option de flèche déroulante dans le composant MultiSelect (comme dans le composant DropDownList) et complété une autre Requête de portail de commentaires.

Nouvelles fonctionnalités du traitement de documents Telerik

Dans la version R3 2021, nous avons quelque chose de nouveau pour ceux d'entre vous qui utilisent Telerik Document Processing dans vos 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 : et les thèmes Bootstrap brillent désormais avec différentes options de coloration, que vous pouvez appliquer dans les démonstrations de composants Telerik en sélectionnant l'un des nombreux nouveaux échantillons disponibles :

• Par défaut échantillons de thème—Main, Main Sombre, Nordique, Violet, Turquoise
• Échantillons de thème Bootstrap—Main, Main Dark, Nordic, Urban, Vintage
• Échantillons de thème Material—Main, Arctic, Fuchsia, Lime Dark, Main Dark[19659061]Thèmes et échantillons améliorés dans les démos Telerik ! Affiche les thèmes avec leurs options de nuance. » src= »https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/improved-themes-swatches-picker.png?sfvrsn=a41fb692_0″ data-displaymode= »Original »/>

  Thèmes et nuances dans les démos Telerik

  Prise en charge de Bootstrap 5

  Après l'annonce de Bootstrap 5 plus tôt cet été, nous avons travaillé pour nous assurer que nous pouvons accueillir diverses préférences pour sa prise en charge de la version. Si vous souhaitez profiter des dernières mises à jour v5, assurez-vous d'utiliser l'échantillon bootstrap-main. Si vous souhaitez continuer à utiliser les versions précédentes, vous pouvez référencer Bootstrap-3 et Bootstrap-4.

  Kits de conception pour Figma

  Pour obtenir une collaboration efficace entre les concepteurs et les développeurs de votre équipe, nous avons créé trois Kits de conception d'interface utilisateur Telerik pour Figma : Material, Bootstrap et Default (un pour chacun des les trois principaux thèmes que nous livrons avec l'interface utilisateur Telerik pour ASP.NET Core).

  

  Kits de conception d'interface utilisateur Telerik & Kendo pour Figma

  Les fichiers de conception incluent plus de 30 des interfaces utilisateur les plus largement utilisées pour les composants ASP.NET Core tels que la grille, le planificateur, les listes déroulantes et les entrées, avec leurs détails anatomiques détaillés. structures, couleurs, indicateurs et icônes. Les blocs de construction et les éléments inclus permettent une collaboration fluide entre les concepteurs et les développeurs, et notre objectif est d'augmenter continuellement le nombre de composants inclus et d'assurer une couverture complète.

  Nouveau modèle de tableau de bord d'administration et application de démonstration [19659003]Basé sur vos frais dback et des demandes pour plus d'exemples de pages Razor, nous avons créé deux ressources « de type tableau de bord d'administration » : la nouvelle application de démonstration Admin Dashboard et le modèle de projet Visual Studio pour ASP.NET Core. Les deux fournissent le même cas d'utilisation présentant l'utilisation des composants Telerik dans un scénario Razor Pages et la saveur TagHelper, et incluent de nombreux composants d'interface utilisateur en action, notamment la grille, la disposition en mosaïque, le tiroir, le calendrier, le formulaire, divers types de graphiques, la carte, etc.

  À l'aide du modèle de projet Admin Dashboardvous pouvez facilement démarrer un projet avec la mise en page et les fonctionnalités prédéfinies : réorganisez la mise en page en fonction de vos besoins, branchez simplement vos données et liez aux composants.

  

  Nouvelle interface utilisateur Telerik pour ASP.NET Core Demo Application avec Razor Pages

  Nouvelles extensions et fonctionnalités Visual Studio [19659003]Le nouvel assistant de configuration de projet Visual Studio pour ASP.NET Core simplifie la configuration des projets et inclut des options pour configurer le thème de l'application, les paramètres RTL (de droite à gauche), les ressources globales et Suite. Pour profiter de l'Assistant de configuration de projetouvrez Visual Studio, sélectionnez dans le menu de la barre d'outils Extensions>Telerik> Telerik UI pour ASP.NET Core > Configurer le projet.

  

  Configurer l'assistant de projet pour l'interface utilisateur pour ASP.NET Core

  L'assistant de conversion de projet a également reçu plusieurs mises à jour et inclut désormais la prise en charge de Razor Pages et .NET 5/.NET 6.

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

  Télécharger et essayer une version d'essai de l'interface utilisateur Telerik pour ASP.NET Core , ou si vous êtes un titulaire de licence actif, vous pouvez simplement récupérer les dernières et les meilleures 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écharger l'interface utilisateur pour ASP.NET Core maintenant

  Spécial Sessions et webinaire Twitch

  Assurez-vous de vous inscrire au webinaire sur la version Telerik R3 2021 et aux sessions Twitch en direct pour voir les composants et fonctionnalités nouvellement publiés en action :

  • Twitch Session lundi 20 septembre à 10 h HE pour les produits Web
  • Session Twitch mardi 21 septembre à 10 h HE pour les produits de bureau
  • Webinaire Telerik R3 2021 Mercredi 29 septembre I 11 h 00 – 1 :00 pm ET

  Réservez votre place pour le webinaire

  Merci pour votre soutien continu et bon codage ASP.NET Core !