Fermer

mai 12, 2021

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



La version Telerik R2 2021 apporte de nouveaux composants élégants et riches en fonctionnalités, ainsi que de nouvelles fonctionnalités à certains de vos composants préférés.

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

La version Telerik R2 2021 apporte des composants MVC élégants et riches en fonctionnalités tels que Task Board Circular Gauge Action Sheet et Skeleton ]plus nouvelles fonctionnalités des composants Grille, Editeur, Tiroir, TreeList, QR Code, Scheduler et Map Formation technique en ligne disponible pour les essais actifs et les détenteurs de licence et plus encore. Lisez à l'avance le billet de blog dédié à la version pour découvrir un résumé et une description détaillée des nouveaux joyaux de la version.

TL; DR Telerik UI pour ASP.NET MVC R2 2021

  • Nouveaux composants: Task Board, SkeletonContainer , ActionSheet et Circular Gauge
  • Nouvelles fonctionnalités de la grille: 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 d'image
  • Nouvelles fonctionnalités de TreeList: Filtrer le modèle de ligne et de ligne
  • Nouvelles 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 code QR: Code QR suisse, prise en charge du logo / image dans QR Code
  • Nouvelle fonction de tiroir: Éléments hiérarchiques
  • Nouvelle fonction de carte: Prise en charge d'Azure Maps
  • Refonte des forums
  • Prise en charge du format de fichier .doc de Telerik Document Processing
  • Formation technique en ligne: Disponible maintenant pour les deux acti cinq essais et détenteurs de licence

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

Et si vous souhaitez en savoir plus sur les derniers ajouts à l'interface utilisateur Telerik pour ASP.NET MVC, lisez à l'avance et voyez en détail tous les nouveaux composants, fonctionnalités et outils qui vous aideront à accélérer le développement.

Nouvelle interface utilisateur pour le composant TaskBoard ASP.NET Core

Que vous l'utilisiez comme tableau Kanban, tableau agile, tableau de gestion de flux de travail ou simple liste de tâches, le nouveau TaskBoard pour ASP.NET MVC a été conçu pour vous faire gagner beaucoup de temps et vous offrir une flexibilité maximale grâce à ses nombreuses fonctionnalités, options de configuration et événements.

 Deux listes verticales côte à côte affichent des cartes empilées avec de grandes icônes. La liste des tâches à faire sur la gauche a une carte «Envoyer un bulletin d'information» qui est saisie et déplacée - peut-être vers la liste Terminé sur la droite.

Telerik UI pour ASP.NET MVC Task Board Component

Le composant TaskBoard est plein prise en charge intégrée de tous les types d'opérations CRUD au niveau des colonnes et des tâches, et expose plusieurs événements et API, ce qui vous permet d'accomplir facilement divers scénarios de validation . Par exemple, limitez le nombre de cartes autorisées dans une colonne, connue sous le nom de WIP (work in progress) limit ou appliquez des règles lors du déplacement de cartes entre les colonnes du tableau .

 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 MVC Édition de cartes TaskBoard

En utilisant l'option de configuration des couleurs Resources du TaskBoard 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 statuts ou priorités de tâches telles que «faible», «moyenne» et «élevée».

 Deux autres listes, À faire et En cours, ont des cartes avec un titre dans le texte rose et la description dans le texte noir, puis les bords gauche des cartes affichent une barre étroite de couleur jaune, bleue ou verte.

Telerik UI pour ASP.NET MVC TaskBoard Catégorisation

The TaskBoard pour ASP.NET MVC est également livré avec plusieurs options de modèle pour ses colonnes et ses cartes, de sorte que vous pouvez afficher du contenu personnalisé, utiliser un panneau de recherche, utiliser la prise en charge RTL (de droite à gauche) ainsi comme travail avec le support et l'accessibilité intégrés de navigation de clavier .

Nouvelle interface utilisateur pour le composant Jauge circulaire ASP.NET MVC

Nous sommes heureux d'ajouter un nouveau composant Jauge circulaire à la bibliothèque d'interface utilisateur de visualisation de données Telerik. 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 MVC Circular Gauge

L'interface utilisateur pour ASP.NET MVC Circular La jauge prend en charge la personnalisation complète du texte central, de l'échelle et des capacités de couleur. L'apparence visuelle de la jauge peut être entièrement personnalisée: 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 des aiguilles d'une montre ou dans le sens 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 autre format de fichier image préféré. 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 MVC

Nouvelle interface utilisateur pour le composant Feuille d'action d'ASP.NET MVC

Le composant d'interface utilisateur ActionSheet encourage les utilisateurs à agir à partir d'une liste d'options / boutons rendus ou à le rejeter. s'ils souhaitent continuer à interagir avec l'application. L'interface utilisateur pour ASP.NET MVC 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électionner l'élément, modifier l'élément, ajouter aux favoris, télécharger maintenant, annuler.

Telerik UI pour ASP.NET MVC ActionSheet Component

Utilisation du ] Configuration des éléments ActionSheet vous pouvez définir des attributs spécifiques 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).

Pour gérer la 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 MVC Skeleton Container Component [19659017] Le nouveau composant d'interface utilisateur SkeletonContainer pour ASP.NET MVC améliore l'expérience utilisateur en affichant un espace réservé d'aperçu de votre contenu 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 et augmentent 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 MVC Skeleton Component

Le Telerik SkeletonContainer accepte un modèle ou une grille CSS. Bien que vous ayez la flexibilité de transmettre presque n'importe quoi 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: ColStart ColSpan RowStart RowSpan et Shape.

 Une grille d'informations montre 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 MVC Skeleton Grid Integration

Nouvelle interface utilisateur pour ASP.NET MVC Features

Nouvelle sélection et exportation avancées de grille

Avec le R2 2021, nous avons amélioré la grille pour MVC avec la possibilité de sélectionner des cellules et des plages et d'exporter un sous-ensemble des données de la grille vers un graphique.

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

Interface utilisateur Telerik pour ASP.NET Sélection de la plage de grille MVC et exportation vers le graphique

Les modes de sélection de la grille MVC comprennent:

  • Sélection de cellules de grille individuelles ou multiples
  • Sélection de plage unique de grille
  • Sélection de plages multiples de grille

 Deux groupes de lignes distincts ont été sélectionnés dans une grille.

Telerik UI pour ASP.NET Sélection de plage de grille MVC

Pour ceux qui travaillent avec des formats de fichiers tels que Excel, les données sélectionnées peuvent être facilement sélectionnées et exportées, ou copiées et collées avec l'option 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 MVC Grid Range Selection & Export to Excel

New Editor Feature: Image Resizing

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

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

Interface utilisateur Telerik pour ASP.NET MVC 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 MVC vous permet d'appliquer un style personnalisé et le contenu – 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 indiquent les indicateurs de pays des employés et la durée de service.

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

Et avec la nouvelle fonction de ligne de filtre TreeList vous pouvez activer les utilisateurs avec options de filtrage juste sous les en-têtes de colonne en définissant la propriété .Filterable sur la ligne de mode . Dans son comportement par défaut, la ligne de filtre affiche le type de filtre correspondant en fonction des types 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 for ASP.NET MVC 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 de premier plan qui a reçu un coup de pouce dans la version R2 2021 est le Scheduler pour ASP.NET MVC .

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 ASP.NET MVC Scheduler Hierarchical Grouping

Une autre amélioration majeure est la Scheduler Year View qui affiche les rendez-vous dans un 12 – perspectives mensuelles. Chaque jour avec un ou plusieurs 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.

La troisième amélioration du planificateur qui fait partie de la version R2 2021 est la possibilité d'afficher les événements d'une journée entière du planificateur (24 heures) sous forme de rendez-vous dans le " toute la journée ”du planificateur ou en tant qu'événement normal de 24 heures.

 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 h du lundi à 10 h le mardi.

Telerik UI pour ASP.NET MVC Scheduler> Événement de 24 heures

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 la norme de paiement suisse avec son signe d'identification du Croix au centre.

 Un QR Code suisse, qui ressemble beaucoup à n'importe quel QR code mais avec une croix suisse au centre.

Telerik UI pour ASP.NET MVC Swiss QR Code

En plus de cela, Le code QR Telerik pour ASP.NET MVC prend également en charge différents types de superposition, y compris le type d'image, ce 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 MVC QR Code Image Support

Nouveau tiroir Fonctionnalité: éléments hiérarchiques

Vous pouvez désormais fournir une structure hiérarchique dans le composant Tiroir . L'élément parent peut avoir ses 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 des tiroirs ASP.NET MVC

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

Formation technique en ligne

Pour accélérer le processus d'intégration et vous aider à développer plus rapidement des applications ASP.NET MVC, nous avons déverrouillé la formation en ligne Telerik UI pour ASP.NET MVC pour tous ceux qui disposent d'une version d'évaluation ou d'une licence active. La formation dure environ trois heures et comprend plusieurs modules qui vous aident à apprendre à votre rythme et selon vos intérêts.

Pour commencer avec la formation technique en ligne Telerik UI pour ASP.NET MVC, visitez notre portail d'apprentissage avec ] tous les cours en classe virtuelle de Progress Products ou passez directement à Telerik UI for ASP.NET MVC Online Training .

Nouvelles fonctionnalités de Telerik Document Processing

Dans le dernier package de distribution de UI pour ASP.NET MVC, vous trouverez Telerik.Documents.Flow.FormatProviders.Doc NuGet (partie de Telerik Document Processing ) qui vous permettra d'importer le format de fichier .doc, puis

Refonte des forums Telerik

Les Forums Telerik ont obtenu une mise à jour majeure ainsi qu'un endroit préféré où nous aimons traîner. Découvrez l'histoire complète du pourquoi et du quoi dans le article de blog dédié .

Hub des forums d'interface utilisateur Telerik et Kendo

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

Téléchargez et essayez une version d'essai de l'interface utilisateur Telerik pour ASP.NET MVC, ou si vous êtes un détenteur de licence actif, vous pouvez simplement récupérer la dernière et la meilleure à partir de 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 MVC.

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

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 Webinar 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 Session Twitch le jeudi 20 mai I 13h30 – 15h00 HE (Blazor, WinUI, Xamarin)

Réservez votre siège pour le webinaire Telerik

Merci pour votre soutien continu et votre bon codage.




Source link

0 Partages