Fermer

mai 13, 2021

Nouveautés de l'interface utilisateur Telerik pour la version ASP.NET Core R2 20213 minutes de lecture



La version Telerik R2 2021 pour l'interface utilisateur pour ASP.NET Core apporte des composants élégants et riches en fonctionnalités, ainsi que de nouvelles fonctionnalités Grid, Editor, Linux Installer, la compatibilité avec le dernier aperçu .NET 6 et bien plus encore.

Salut les développeurs , il est temps pour une autre version massive avec de nouveaux composants, fonctionnalités et outils d'interface utilisateur pour vos applications ASP.NET Core.

La version Telerik R2 2021 apporte une interface utilisateur élégante et riche en fonctionnalités pour ASP.NET Core Task Board ] Circular Gauge, ActionSheet, composants Skeleton plus nouvelle grille, fonctionnalités de l'éditeur Linux Installer, compatibilité avec le dernier aperçu .NET 6 et bien plus encore. [19659004] TL; DR Telerik UI pour ASP.NET Core R2 2021

Vous trouverez ci-dessous un résumé du contenu de la version R2 2021 Telerik pour ASP.NET Core:

  • Compatibilité avec le dernier aperçu de .NET 6
  • Nouveaux composants: Tableau des tâches, SkeletonContainer, ActionSheet et Jauge circulaire
  • Nouvelle fonctionnalité de grille res: Sélection de la plage de données et option élégante pour copier ou exporter vers un graphique et un fichier
  • Nouvelle fonctionnalité de l'éditeur: Redimensionnement de l'image
  • Nouvelles fonctionnalités de TreeList: Ligne de filtre, modèle de ligne
  • Nouveau Fonctionnalités du planificateur: Prise en charge du regroupement hiérarchique, Vue de l'année, affichage normal des événements sur 24 heures
  • Nouvelles fonctionnalités du QR Code: Swiss QR Code, prise en charge du logo / image dans le QR Code
  • Nouvelle fonction de tiroir: Éléments hiérarchiques
  • Nouvelle fonctionnalité de carte: Prise en charge d'Azure Maps
  • Traitement de document Telerik Prise en charge du format de fichier .doc
  • Refonte des forums Telerik
  • Programme d'installation Linux pour Telerik Interface utilisateur pour ASP.NET Core

Examen approfondi de la version R2 2021 de l'interface utilisateur pour ASP.NET Core

Et si vous souhaitez en savoir plus sur les derniers ajouts à la version R2 2021 de l'interface utilisateur pour ASP.NET Core, lisez à venir et découvrez en détail les nouveautés de l'interface utilisateur Telerik pour ASP.NET Core R2 2021.

Nouvelle interface utilisateur pour les tâches ASP.NET Core k Board Component

Il serait probablement juste de dire que le TaskBoard pour ASP.NET Core est la couronne de la version R2 2021. Que vous l'utilisiez comme tableau Kanban, tableau agile, tableau de gestion de flux de travail ou simple liste de tâches, il a été conçu dans le but de vous faire gagner beaucoup de temps et de vous offrir une flexibilité maximale grâce à ses nombreuses fonctionnalités, options de configuration et événements.

 Deux listes verticales côte à côte montrent des cartes empilées avec de grandes icônes. La liste des tâches à faire sur la gauche comporte une carte «Examiner les performances des annonces» qui est saisie et déplacée - peut-être vers la liste Terminé sur la droite.

Telerik UI pour ASP.NET Core Task Board Component

Le composant TaskBoard est disponible pour plug and play via les options d'assistance HTML et TAG, prend en charge la liaison de données locale et distante, et offre une prise en charge intégrée complète pour tous les types d'opérations CRUD au niveau de la colonne et de la carte.

 ] Au-dessus des listes que nous avons vues en dernier, il y a une fenêtre ouverte appelée "Modifier les campagnes", avec des champs pour le titre ("Campagnes" est écrit ici) et la description ("Créer une nouvelle page de destination pour la campagne").

Interface utilisateur Telerik pour ASP.NET Core Édition des cartes du tableau des tâches

En utilisant l'option de configuration des couleurs Resources du tableau des tâches vous pouvez rapidement faire ressortir les tâches sur le tableau. Vous pouvez associer le type de travail ou de ressources affecté à une tâche à une couleur spécifique. Vous pouvez également utiliser les différentes notations de couleur pour visualiser différents états de tâche tels que «en bonne voie», «non démarré», «en attente», «retardé» ou une priorité de tâche telle que «faible», «moyenne» et «élevée». »

Vous devez effectuer la validation dans le tableau des tâches ? Nous avons ce qu'il vous faut. Les événements du composant et l'API vous permettent de réaliser facilement divers scénarios de validation. Par exemple, limitez le nombre de cartes autorisées dans une colonne, connue sous le nom de limite WIP (travail en cours) ou appliquez des règles lors du déplacement de cartes entre les colonnes du tableau des tâches .

Le tableau des tâches pour ASP.NET Core est également livré avec plusieurs options de modèle pour ses colonnes et cartes, de sorte que vous pouvez afficher un contenu personnalisé, utiliser un panneau de recherche, utiliser RTL (droit à- gauche) ainsi que travailler avec le support de navigation et l'accessibilité du clavier intégrés .

Nouvelle interface utilisateur pour ASP.NET Core Circular Gauge Component

Reconnaissant la demande croissante de jauges dans Applications ASP.NET Core – à la fois en tant que composants autonomes et tableaux de bord avec des ensembles de jauges comparant plusieurs valeurs de données en un coup d'œil – nous sommes heureux d'ajouter le composant Circular Gauge à la bibliothèque d'interface utilisateur de Telerik Data Visualization. Il a des fonctionnalités et des caractéristiques similaires à la jauge d'arc bien connue mais visualise les valeurs sous la forme d'un cercle lisse complet.

 Une jauge circulaire indique la température. Un curseur en bas est ajusté de 56 à 25, et la jauge réduit en conséquence son arc orange sur la bordure du cercle gris.

Telerik UI pour ASP.NET Core Circular Gauge

L'interface utilisateur pour ASP.NET Core Circular La jauge prend en charge la personnalisation complète des capacités de texte central, d'échelle et de couleur. L'apparence visuelle de la jauge peut être personnalisée en fonction de votre scénario: vous pouvez facilement définir une couleur de remplissage différente en fonction de la valeur actuelle ou de la plage de valeurs, définir les couleurs de ses étiquettes et graduations, configurer la visibilité des graduations majeures et mineures, définir la direction dans le sens horaire ou antihoraire, et plus encore.

Le composant d'interface utilisateur de la jauge circulaire expose des méthodes pour exporter sa visualisation au format PDF, PNG ou d'autres formats de fichiers image préférés. Consultez l'API Circular Gauge pour une référence complète de ses capacités.

 Une jauge similaire, mais celle-ci utilise une couleur saumon et a des graduations à l'extérieur du cercle.

Telerik UI pour Personnalisations de la jauge circulaire ASP.NET Core

Nouvelle interface utilisateur pour le composant ActionSheet ASP.NET Core

Le composant UI ActionSheet est utile lorsque vous devez afficher une liste d'options et demander à l'utilisateur de l'application de créer une décision. Il s’affiche en haut de l’écran de l’utilisateur et affiche les options / boutons disponibles situés les uns sous les autres. De cette façon, les utilisateurs sont encouragés à prendre des mesures ou à les rejeter s'ils souhaitent continuer à interagir avec l'application. L'interface utilisateur pour ASP.NET Core ActionSheet est livrée avec plusieurs options de configuration des événements et une navigation et une accessibilité au clavier intégrées .

 Un menu contextuel a grisé l'écran derrière. Le message se trouve dans la partie inférieure de l'écran et contient les mots suivants: Sélectionnez l'élément, modifiez l'élément, ajoutez aux favoris, téléchargez maintenant, annulez.

Telerik UI pour ASP.NET Core Action Sheet Component

Utilisation du Configuration des éléments ActionSheet vous pouvez définir des attributs spécifiques des éléments du composant, tels que Texte, Icône, Description, Nom du gestionnaire d'événements Click et Groupe (les éléments ActionSheet peuvent être séparés en deux groupes – haut et bas). Et si vous avez besoin de gérer une logique de programmation personnalisée liée à l'interaction avec ActionSheet, vous pouvez vous abonner aux événements d'ouverture et de fermeture exposés du composant.

Nouvelle interface utilisateur pour ASP.NET Core Skeleton Container Component

Le nouveau composant d'interface utilisateur SkeletonContainer pour ASP.NET Core améliore l'expérience utilisateur en affichant un espace réservé d'aperçu de votre contenu ou élément de mise en page avant le chargement des données. Les SkeletonContainers sont en train de remplacer parfaitement les chargeurs traditionnels car ils se concentrent sur le progrès plutôt que sur les temps d'attente, réduisant ainsi la frustration liée au temps de chargement et augmentant les performances perçues pour les utilisateurs.

 Une image de chargement squelette montre la même structure de clé qu'une carte à côté. , juste en gris plutôt qu'avec les détails. Le gris change de couleur, indiquant qu'il se passe quelque chose.

Interface utilisateur Telerik pour ASP.NET Core Skeleton Component

Le Telerik SkeletonContainer accepte un modèle ou une grille CSS. Bien que vous ayez la flexibilité de transmettre presque tout avec le modèle, en utilisant la grille CSS, vous bénéficiez de l'objet Item qui possède un ensemble de propriétés prédéfinies pratiques qui vous donnent un contrôle granulaire sur la configuration du squelette: [19659006] ColStart – indique la colonne de départ de l'élément

  • ColSpan – indique le nombre de colonnes que l'élément occupera
  • RowStart – indique la ligne de départ de l'élément
  • RowSpan – indique le nombre de lignes occupées par l'élément
  • Forme – le type de forme qui remplira les cellules sélectionnées
  •  Une grille d'informations affiche des barres grises plutôt que le texte qui remplira finalement les lignes. Lorsque le texte apparaît, on a l'impression que tout s'est bien chargé.

    Interface utilisateur Telerik pour ASP.NET Core Skeleton Grid Integration

    Nouvelle interface utilisateur pour ASP.NET Core Features

    Compatibilité avec .NET 6 Preview

    Interface utilisateur Telerik pour ASP.NET Core maintient en permanence la tradition de rester aligné sur toutes les mises à jour de Microsoft, et nous sommes heureux d'annoncer que nous sommes compatibles avec la dernière version préliminaire de .NET 6 . En attendant, nous continuons à prendre en charge la compatibilité avec la version officielle de .NET 5.0 .

    Nouvelle grille de sélection avancée et d'exportation

    Nous visons à chaque version de donner un peu d'amour à l'étoile Grid pour le composant ASP.NET Core . Avec la version R2 2021, nous l'avons améliorée avec l'option de sélectionner des cellules et des plages et d'exporter des sous-ensembles de données de grille vers des graphiques.

     Certaines sections d'une grille sont mises en surbrillance et l'option sélectionnée est Exporter vers un graphique. Nous voyons les données sélectionnées présentées dans un graphique à barres.

    Interface utilisateur Telerik pour ASP.NET Core Grid Range Selection & Export to Chart

    Les modes de sélection Grid incluent:

    • Individual or multiple Grid cells selection – en utilisant la combinaison touche Ctrl + clic gauche, les cellules peuvent être sélectionnées en cliquant dessus
    • Grille de sélection de plage unique – en cliquant avec le bouton gauche sur l'une des cellules et en faisant glisser la souris sur d'autres cellules
    • Grille sélection de plusieurs plages – en sélectionnant une plage et en appuyant sur la touche Ctrl, vous pouvez ajouter plusieurs sélections de plages

    Pour ceux qui travaillent avec des formats de fichiers tels qu'Excel, les données sélectionnées peuvent être facilement sélectionnées et exportées, ou copiées et collées avec la possibilité de conserver les en-têtes de colonne.

     Les options de liste déroulante de l'exemple précédent incluent «Exporter avec en-têtes».

    Interface utilisateur Telerik pour ASP.NET Core Grid Range Selection & Export to Excel

    Nouvelle fonctionnalité de l'éditeur: redimensionnement d'image

    The Le composant UI pour ASP.NET Core Editor offre désormais une fonctionnalité de redimensionnement d'image intégrée via des poignées de glissement qui permettent aux utilisateurs d'ajuster facilement les dimensions de l'image.

     Une fenêtre d'éditeur disposée avec du texte et une image fait apparaître les petits carrés de redimensionnement

    Interface utilisateur Telerik pour ASP.NET Core Editor Redimensionner l'image

    Nouvelles fonctionnalités de TreeList: ligne de filtre, modèle de ligne

    La fonctionnalité de modèle de ligne TreeList pour ASP.NET Core permet d'appliquer style et contenu personnalisés: vous pouvez rendre du texte, des images, des icônes, des boutons de lien et même d'autres composants de l'interface utilisateur.

     Un tableau des employés affiche leur nom, leur titre et leur image dans un format imbriqué, montrant la hiérarchie. D'autres colonnes affichent les indicateurs de pays et la durée de service des employés.

    Interface utilisateur Telerik pour ASP.NET Core Modèle de ligne TreeList

    Et avec la nouvelle fonction de ligne de filtre TreeList vous pouvez activer les utilisateurs avec un option de filtrage pratique juste en dessous des en-têtes de colonne en définissant la propriété .Filterable sur mode ligne .

    Dans son comportement par défaut, la ligne de filtre affiche le type de filtre correspondant en fonction du Type de données de la colonne TreeList . Cependant, vous avez également la possibilité de définir des opérandes de filtre présélectionnés ou de personnaliser les options de filtrage avec des modèles.

     La colonne Last Name affiche une recherche intelligente lorsque l'utilisateur tape W ...

    Telerik UI pour ASP.NET Core TreeList Component Filter Row

    Nouvelles fonctionnalités du planificateur: prise en charge du regroupement hiérarchique, vue annuelle, affichage normal des événements sur 24 heures

    Un autre composant d'interface utilisateur qui a reçu un coup de pouce dans la version R2 2021 est le Scheduler pour ASP.NET Core .

    Avec la nouvelle fonctionnalité de regroupement hiérarchique des ressources vous pouvez afficher le calendrier des rendez-vous associés aux ressources avec une relation parent-enfant. Le nouveau regroupement fonctionne à la fois dans l'orientation verticale et horizontale et visualise la ressource parent comme un groupe principal sous lequel les ressources enfants associées sont affichées avec les rendez-vous correspondants par date / heure.

     Un calendrier pour juin 2020 montre quelques événements. À gauche, deux colonnes montrent la salle de réunion 101 et Alex

    Interface utilisateur Telerik pour le regroupement hiérarchique du planificateur ASP.NET Core

    Une autre amélioration majeure est la Vue de l'année du planificateur qui affiche les rendez-vous dans un 12 – perspectives mensuelles. Chaque jour avec le ou les rendez-vous associés montre un indice visuel, et lorsque vous cliquez dessus, présente une vue agrandie du jour avec tous les événements programmés pour ce jour.

    Les événements d'une journée entière du planificateur (24 heures) peuvent être affichés sous forme de rendez-vous dans la section "toute la journée" du planificateur ou sous forme de 24 heures normal événement span.

     Dans un calendrier d'équipe hebdomadaire, un hackathon de développement de 25 heures est présenté comme un événement se déroulant dans une barre verticale de 9 heures du lundi à 10 heures le mardi.

    Telerik UI pour ASP.NET Core Scheduler> 24- hour Event

    Nouvelles fonctionnalités du QR Code: Swiss QR Code, Prise en charge du logo / image dans le QR Code

    Avec la modernisation des opérations de paiement suisses avec QR-facture, le composant QR Code prend désormais en charge le paiement suisse standard avec son signe d'identification de la croix suisse au centre.

     Un code QR suisse, qui ressemble beaucoup à n'importe quel QR

    Telerik UI pour ASP.NET Core Swiss QR Code

    En plus de cela, le Telerik QR Code pour ASP.NET Core prend également en charge différents types de superposition, y compris le type d'image, qui vous permet d'ajouter un logo d'entreprise ou une autre image personnalisée dans le code QR . Les dimensions et la taille de l'image sont configurables et vous permettent de la personnaliser selon vos besoins.

     Ce code QR a un caractère Telerik UI au centre

    Telerik UI pour ASP.NET Core QR Code Image Support

    Nouveau tiroir Fonctionnalité: Eléments hiérarchiques

    Vous pouvez fournir une structure hiérarchique dans le composant Tiroir . Les éléments parents peuvent avoir leurs enfants indentés en utilisant et en appliquant des classes intégrées.

     Sur la gauche se trouve un menu de navigation. La mise en route est réduite. La vue d'ensemble est développée et sélectionnée. Son contenu textuel est affiché à droite. Les éléments de menu ci-dessous sont About Kendo et All Kendo Components. Ci-dessous se trouvent les composants les plus populaires.

    Interface utilisateur Telerik pour les éléments hiérarchiques du tiroir ASP.NET Core

    Nouvelle fonctionnalité de carte: prise en charge d'Azure Maps

    Plus tôt cette année, Microsoft a annoncé l'abandon de Bing Maps en faveur of Azure Maps . Nous nous sommes assurés que notre interface utilisateur pour le composant ASP.NET Core est entièrement compatible avec l'API de tuile png d'Azure et avons créé un exemple illustrant comment vous pouvez implémenter les capacités géospatiales d'Azure Maps avec notre composant Map .

    Linux Installer [19659059] L'interface utilisateur Telerik pour ASP.NET Core peut désormais être installée sur les plates-formes Windows, MacOS (.pkg) et Linux. Avec cette version, nous livrons l'archive .tar.gz et facilitons l'installation sur l'environnement Linux. Le nouveau fichier d'installation peut être trouvé dans Telerik.com -> page Votre compte -> Téléchargements.

    Nouvelles fonctionnalités de Telerik Document Processing

    Avec la version R2 2021, nous apportons quelque chose de nouveau pour ceux d'entre vous qui utilisent Telerik Document Processing dans leurs applications ASP.NET Core! Dans le dernier package de distribution, vous trouverez Telerik.Documents.Flow.FormatProviders.Doc NuGet qui vous permettra d'importer le format de fichier .doc, puis de le manipuler, de le convertir et de l'exporter vers l'un des autres formats pris en charge.

    Refonte des forums Telerik

    En plus d'ajouter de nouveaux composants, fonctionnalités et outils d'interface utilisateur, nous avons également réorganisé l'un des endroits préférés que les développeurs adorent traîner – les Forums Telerik . Découvrez l'histoire complète des raisons et des nouveautés dans le article de blog dédié .

    Hub des forums d'interface utilisateur Telerik et Kendo

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

    Téléchargez et essayez 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 meilleures nouveautés sur la page Votre compte! Partagez vos impressions 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

    Sessions Twitch spéciales et webinaire

    Assurez-vous de vous inscrire au webinaire Telerik R2 2021 et sessions Twitch en direct pour voir les nouveaux composants et fonctionnalités en action:

    • Telerik R2 2021 Release Webinaire le mardi ay, 18 mai I 11 h 00 à 13 h 00 HE
    • Live Session Twitch le mercredi 19 mai I 9 h 00 à 10 h 30 HE (Blazor, WinUI, Xamarin)
    • Live Twitch session le jeudi 20 mai I 13h30 – 15h00 HE (Blazor, WinUI, Xamarin)

    Réservez votre place pour le webinaire

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




    Source link

    0 Partages