Nouveautés de Telerik UI pour ASP.NET MVC R2 2020

Découvrez toutes les nouveautés de notre dernière version de Telerik UI pour ASP.NET MVC, y compris les nouveaux composants, les améliorations de Grid and Scheduler, les étiquettes flottantes et bien plus encore.

La version R2 2020 pour Telerik UI pour ASP. NET MVC est arrivé! Découvrez les derniers ajouts de composants tels que Form, Stepper, TileLayout, Textbox et de nouvelles fonctionnalités comme le regroupement à distance côté serveur de la source de données Grid, la virtualisation du planificateur des groupes de ressources, les étiquettes flottantes pour les entrées et plus encore!

Avec la deuxième version de l'année, nous sommes ravis de partager tous les nouveaux composants et fonctionnalités que vous pouvez connecter à vos projets et créer des applications MVC modernes et engageantes. Comme toujours, nous avons écouté vos commentaires et inclus dans la version de nombreux éléments et fonctionnalités les plus votés. Lisez à l'avance et découvrez les nouveautés de Interface utilisateur Telerik pour ASP.NET MVC R2 2020 !

Nouvelle interface utilisateur pour les composants ASP.NET MVC

Nouvelle interface utilisateur pour ASP.NET MVC Form Component

One One l'un des points forts de la version R2 2020 est le nouveau composant Form qui transforme la création et la personnalisation de formulaires en une expérience fluide et agréable. Vous pouvez facilement obtenir l'apparence de formulaire requise en utilisant des éditeurs par défaut ou personnalisés, en spécifiant l'orientation, en affichant les éditeurs dans des groupes et des colonnes et en tirant parti de la validation intégrée.

Interface utilisateur Telerik pour ASP.NET MVC Form Component

Le composant Form vous permet de personnaliser l'apparence et le comportement de ses éléments. Par défaut, le formulaire affichera les éditeurs par défaut en fonction du type de données fourni dans le modèle, mais vous pouvez également utiliser des éditeurs de champs personnalisés. Dans l'image ci-dessous vous pouvez voir comment le composant Form utilise divers autres éditeurs Telerik UI pour ASP.NET MVC.

Interface utilisateur Telerik pour ASP.NET MVC Form avec éditeurs personnalisés

Le composant Form offre une disposition en grille et deux modes d'orientation – horizontal ou vertical – qui vous permet d'organiser les champs de formulaire dans le style requis et d'afficher les champs de formulaire dans le groupe logique sections ped .

Une autre grande chose au sujet du composant Form est qu'il a une validation intégrée qui est déclenchée lors de la soumission du formulaire, mais peut également être configurée pour afficher un message de validation lorsqu'un le champ est mis au point par un utilisateur, puis flou sans définir sa valeur.

Vous pouvez également activer un message de résumé de validation qui affiche une liste de toutes les erreurs de validation qui se sont produites dans le formulaire et personnaliser le message d'erreur de validation à l'aide de la fonction de modèles.

Interface utilisateur Telerik pour ASP.NET MVC Validation intégrée du formulaire

Nouvelle interface utilisateur pour ASP.NET MVC Tile Layout Component

] Le nouveau TileLayout est parfaitement adapté si vous devez créer des applications de type tableau de bord. Il s'agit d'un composant d'interface utilisateur de conteneur, qui permet aux utilisateurs finaux de réorganiser et de redimensionner les tuiles contenues à l'intérieur afin de créer une disposition qui

Interface utilisateur Telerik pour ASP.NET MVC Tile Layout Component

En substance, TileLayout Le composant est basé sur une surface de sandbox bidimensionnelle basée sur une grille CSS Grid qui vous permet d'afficher du contenu dans des tuiles. Pour chaque vignette, vous pouvez configurer ses dimensions, son en-tête et son contenu, qui peuvent être des informations récapitulatives, du texte brut ou un modèle complexe avec des composants.

Les éléments du conteneur Tile Layout peuvent être redimensionnés et réorganisés par glisser-déposer.

Telerik UI ASP.NET MVC TileLayout Resizing

Nouvelle interface utilisateur pour ASP.NET MVC Stepper Component

Le nouveau ASP.NET MVC Stepper est un composant UI qui guide les utilisateurs à travers une séquence de étapes logiques ou workflows. Le Stepper est parfaitement adapté pour guider les utilisateurs à travers des processus tels que l'enregistrement, l'application, l'achat ou la réservation.

Interface utilisateur Telerik pour ASP.NET MVC Stepper – Horizontal

Vous pouvez configurer le nombre et le nom des étapes, marquer une étape comme sélectionnée ou ajouter une icône. En plus de cela, l'interface utilisateur pour ASP.NET MVC Stepper fournit un ensemble de modes qui définissent la façon dont l'utilisateur va interagir avec le Stepper. Vous pouvez configurer la séquence d'étapes logiques du Stepper – si les utilisateurs doivent la suivre ou s'ils peuvent passer à n'importe quelle étape quelle que soit la séquence des étapes.

Interface utilisateur Telerik pour ASP.NET MVC Stepper – Vertical

Le composant Stepper a des orientations horizontales et verticales et permet une personnalisation complète de ses étiquettes, indicateurs et étapes.

Comme tous les autres composants Telerik UI pour ASP.NET MVC, le Stepper a une navigation clavier, une accessibilité et une prise en charge de droite à gauche intégrées.

Telerik UI pour ASP.NET MVC Stepper RTL Support

Nouvelle UI pour ASP.NET MVC Textbox Component

Avec le nouveau composant TextBox vous convertissez facilement un élément dans vos applications ASP.NET MVC en une zone de texte de style.

La zone de texte fournit plusieurs options de configuration telles que valeur, espace réservé, étiquette flottante, événement de modification (qui se déclenche à chaque fois qu'une nouvelle valeur est défini par l'utilisateur) et est livré avec une accessibilité intégrée et une prise en charge de droite à gauche.

UI pour ASP.NET Améliorations des composants MVC

Regroupement de sources de données distantes

Améliorez les performances de votre grille avec regroupement de sources de données distantes (côté serveur) et gérez facilement de gros volumes de données. La grille de données fonctionne de manière transparente avec des ensembles de données volumineux, car les enregistrements sont traités sur le serveur et les données de chaque groupe sont chargées uniquement lorsque l'utilisateur développe le groupe.

Telerik UI for ASP.NET MVC Data Source Remote Grouping

Améliorations du planificateur [19659043] Le composant Scheduler est un autre composant MVC préféré et largement utilisé que nous avons amélioré avec la version R2 2020.

Virtualisation des groupes de ressources Scheduler

La fonction de virtualisation Scheduler est un excellent moyen d'augmenter les performances des groupes de ressources chargés et Lorsque cette option est activée, vous pouvez réduire jusqu'à cinq fois le temps de rendu et les utilisateurs peuvent faire défiler en douceur un planificateur chargé.

Consultez les exemples de planificateur de regroupement vertical des ressources avec et sans virtualisation avec deux groupes et trois sous-groupes et voyez vous-même la différence.

Barre de recherche du planificateur

Les utilisateurs peuvent facilement trouver des rendez-vous à partir de leur emploi du temps en utilisant le nouveau Sear ch events feature du composant Scheduler. Commencez simplement à taper et le planificateur filtre automatiquement uniquement les événements correspondants.

Interface utilisateur Telerik pour ASP.NET MVC Scheduler Search

Intégration avec iCalendar

Vous pouvez facilement intégrer le composant Scheduler à d'autres applications de gestion des rendez-vous telles que Google ou le calendrier Apple en utilisant un tiers bibliothèque (dans ce cas ical.js ) qui prend en charge la norme iCalendar. Consultez l'interface utilisateur pour ASP.NET MVC Scheduler iCalendar démo d'import / export iCalendar .

Configuration de travail et non Jours ouvrés

En utilisant la nouvelle configuration WorkDays vous pouvez facilement définir des jours spécifiques comme ouvrés / non ouvrés dans le calendrier du planificateur. Sur la base des jours configurés dans WorkDays, la semaine et la vue TimelineWeek du planificateur affichera le travail jours en blanc et les jours chômés dans des couleurs de fond gris clair.

Interface utilisateur Telerik pour ASP.NET MVC Jours non ouvrables

Étiquettes flottantes pour les entrées

Vous pouvez maintenant ajouter de fantastiques Étiquettes flottantes à la zone de texte Composants Masked Textbox et Numeric Textbox .

Étiquette flottante Telerik UI ASP.NET MVC pour zone de texte numérique

Les étiquettes flottantes résident à l'intérieur des entrées qu'elles décrivent en mode repos et flottent bien une fois que l'utilisateur commence à taper dans l'élément correspondant.

Nouveau rendu pour Calendar, DatePicker, TimePicker et DateTimePicker

Dans R2 2020, nous introduisons une nouvelle propriété de rendu appelée ComponentType qui fournit deux séparat Modes e (classiques et modernes) pour l'interface utilisateur Telerik pour ASP.NET MVC Calendar DatePicker TimePicker et DateTimePicker .

Telerik UI for ASP.NET MVC Date and Time Pickers New Rendering

Toutes les applications existantes continueront de fonctionner avec le mode classique par défaut, et si vous souhaitez profiter du nouveau rendu, définissez simplement la propriété ComponentType sur modern.

Thématiser un composant spécifique

The Telerik L'interface utilisateur pour ASP.NET MVC comprend plus de 20 thèmes intégrés tels que Default (notre propre style), Material (basé sur les directives Material Design) et Bootstrap (qui ressemble au style Bootstrap pour mieux s'intégrer). Vous pouvez facilement personnaliser l'un des thèmes prêts à l'emploi ou créez un nouveau thème pour correspondre à vos couleurs et à votre image de marque en utilisant l'application Telerik SASS ThemeBuilder .

Nous avons ajouté une option pratique pour styliser un composant spécifique directement dans les démos de composants.

Lancez ThemeBuilder à partir de n'importe quelle page de démonstration du composant ASP.NET MVC

En cliquant sur" Modifier dans le thème " Builder "dans une démo de composant spécifique, l'outil Telerik ThemeBuilder se lance, précharge le composant particulier et vous permet de le personnaliser. Notez que malgré le thème d'un composant spécifique, selon les paramètres que vous devez modifier, il peut encore y avoir des modifications au niveau de l'application.

Composants spécifiques au style avec Telerik ThemeBuilder

Téléchargez la dernière version de Telerik UI pour ASP.NET MVC [19659003] Nous tenons à vous remercier pour votre soutien continu et vous encourageons à télécharger une version d'essai gratuite de Telerik UI pour ASP.NET MVC, ou si vous êtes un titulaire de licence actif, vous pouvez simplement récupérer la dernière version et

Partagez votre opinion avec nous sur notre portail de rétroaction et aidez-nous à façonner l'avenir de l'interface utilisateur pour ASP.NET MVC.

Inscrivez-vous à Telerik Webinaire R2 2020

Assurez-vous de vous inscrire au webinaire de sortie de Telerik R2 2020 le jeudi 21 mai 2020 à 11 h 00 – 12 h 00 HE pour un examen plus approfondi de tous les nouveaux composants et fonctionnalités Telerik de la version.

Happy ASP.NET MVC Codage!

---