Nouveautés de l'interface utilisateur de Kendo avec R1 2020

C'est une façon fantastique de lancer la nouvelle année; Le R1 2020 est arrivé! Cette version est livrée avec plusieurs mises à jour dans toutes les bibliothèques présentes dans le bundle Kendo UI, y compris les bibliothèques jQuery, Angular, React et Vue UI!

Pour garder ce post un peu plus léger, nous allons simplement couvrir les points forts de chaque bibliothèque ici et un lien vers des articles plus approfondis couvrant chaque saveur plus en détail.

Remarque: les articles de blog individuels seront liés au fur et à mesure de leur mise en ligne

jQuery

Nouveaux composants

Nouveau composant: Breadcrumb

Le nouveau composant Kendo UI jQuery Breadcrumb offre aux développeurs un outil simple et interface intuitive pour se déplacer à travers différents niveaux de hiérarchie de navigation. Souvent lourd dans les pages de documentation, un fil d'Ariane peut être utilisé dans à peu près n'importe quel site Web pour aider les utilisateurs à naviguer dans une hiérarchie de pages Web.

Nouveau composant: Badge

Vulgarisé par des icônes sur les appareils mobiles pour indiquer les messages non lus ou notifications, le composant badge a trouvé plusieurs utilisations dans le monde Web général. Avec le nouveau widget Kendo UI Badge, les développeurs peuvent ajouter des badges aux composants Kendo UI existants, leurs propres éléments UI et même afficher le badge lui-même pour fournir des informations contextuelles supplémentaires à quelque chose sur la page.

Nouveau composant: Gestionnaire de fichiers [19659007] L'un des composants les plus demandés au fil des ans, le nouveau composant Kendo UI File Manager permet aux utilisateurs finaux de parcourir les dossiers et les fichiers, comme les fonctionnalités trouvées dans l'Explorateur Windows, pour aider à gérer le stockage de fichiers dans leurs applications Web. Cela peut être utilisé conjointement avec des composants comme l'Éditeur pour sélectionner des images ou utilisé comme composant autonome pour aider les utilisateurs à télécharger, télécharger et organiser des fichiers ou des dossiers.

Nouvelles fonctionnalités des composants existants

Mises à jour des cases à cocher et des boutons radio [19659007] Bien que nous ayons des styles disponibles pour les cases à cocher et les boutons radio depuis un certain temps, notre approche a été un peu opiniâtre et pas extrêmement flexible. Cela vient principalement de la nécessité de prendre en charge le style dans les anciens navigateurs et d'assurer la compatibilité entre les navigateurs. Cependant, depuis lors, bon nombre de ces anciens navigateurs ont cessé d'être utilisés. Par conséquent, avec R1 2020, nous avons décidé de réévaluer la façon dont nous stylisons ces deux éléments d'entrée et avons maintenant introduit une approche plus moderne pour styliser ces composants.

Grille – Virtualisation des colonnes

La ​​nouvelle fonctionnalité de virtualisation des colonnes de l'interface utilisateur de Kendo jQuery Grid permet aux utilisateurs de faire défiler en douceur les ensembles de données avec de nombreuses colonnes sans voir un impact sur les performances de rendu d'une grande quantité de code HTML supplémentaire, ce qui était le cas auparavant. Grâce au recyclage des éléments HTML et des cellules de la grille, les utilisateurs peuvent désormais faire défiler horizontalement toute la collection de colonnes sans aucun hoquet de performance.

TreeList – Panneau de recherche

La ​​nouvelle fonctionnalité du panneau de recherche dans l'interface utilisateur de Kendo TreeList fournit un rapide moyen pour les utilisateurs de filtrer le contenu de la TreeList avec une seule entrée de texte dans la barre d'outils supérieure de la TreeList. La façon dont ces filtres, et quels champs à travers les données finissent par être des filtres, peuvent être configurés avec juste un ensemble rapide d'options de configuration – garantissant que toute recherche répond aux exigences de vos utilisateurs.

Éditeur – Outil de tableau de fusion

Merci au nouvel outil de fusion de tableaux pour l'éditeur d'interface utilisateur de Kendo, les utilisateurs finaux peuvent facilement créer et mettre à jour la disposition de tout élément de tableau dans le contenu de l'éditeur. Cela permet des interactions telles que la fusion de deux cellules côte à côte, ou même leur fusion dans des cellules au sein d'une colonne, le tout via une seule interface de barre d'outils.

Editeur – Format Painter Tool

Le Format Painter est un standard outil dans de nombreux éditeurs de texte riche. Cette fonctionnalité permet aux utilisateurs de sélectionner une section de texte pour copier la mise en forme (police, taille, couleur, etc.) et de l'appliquer à une autre section du contenu. Avec R1 2020, l'éditeur de jQuery de l'interface utilisateur de Kendo dispose désormais d'un support intégré pour cette fonctionnalité exposée dans sa collection d'options d'outils par défaut.

Planificateur – Dimensionnement automatique des événements

La ​​nouvelle fonctionnalité de dimensionnement automatique des événements dans le Kendo UI Scheduler permet d'afficher des hauteurs variables sur divers événements et jours. Cela signifie que les jours avec de nombreux événements et les événements contenant des informations supplémentaires finissent par être différents des jours sans événements affichés.

Filtre – Fonction de filtre personnalisé

Le composant de filtre de l'interface utilisateur de Kendo a reçu toute une série de nouvelles fonctionnalités , y compris la possibilité de créer des fonctions de filtre personnalisées. Cela permet aux développeurs de créer leur propre opération de filtrage personnalisée (par exemple, tous les produits avec un nombre pair d'unités en stock) en dehors de ce que le composant Filter a par défaut – donnant un niveau de personnalisation approfondi à ce composant déjà puissant.

Filter – Opérateurs personnalisés par champ

Par défaut, le composant Filtre d'interface utilisateur de Kendo propose tous les opérateurs de filtrage (égaux, non égaux, contient, etc.) sur chaque champ. Avec la nouvelle fonctionnalité d'opérateurs personnalisés, les développeurs peuvent désormais prédéfinir une liste explicite d'opérateurs disponibles. Cela donne un autre niveau de personnalisation au composant Filtre car chaque champ peut désormais avoir un ensemble unique d'opérateurs qui ont du sens uniquement pour ce champ.

Filtre – Aperçu de l'expression du format

Avec la fonction Aperçu de l'expression du format, l'interface utilisateur de Kendo Le composant Filter permet désormais aux utilisateurs de configurer une chaîne de format à utiliser sur toute expression de filtre générée par le composant Filter. Ceci est particulièrement important pour les chaînes comme les dates qui peuvent être formatées de multiples façons. À présent, la création d'un format pour chaque champ est aussi simple que la définition de l'option de configuration du format.

Chronologie – Prise en charge de la source de données partagée

Le composant Timeline de l'interface utilisateur de Kendo est désormais capable de partager une source de données avec n'importe quel autre composant de l'interface utilisateur Kendo lié aux données. sans aucune solution de contournement étrange ou demande supplémentaire. Idéal pour les scénarios dans lesquels une chronologie est liée à un ensemble de données commun avec une grille d'interface utilisateur Kendo ou tout autre composant représentant l'ensemble de données sous-jacent.

Pour plus d'informations

Pour consulter des images, des GIF et plus en profondeur des informations sur les plus récents et les meilleurs produits des composants jQuery de l'interface utilisateur de Kendo consultez le Quoi de neuf dans l'article de blog Composants jQuery Kendo pour R1 2020 !

Angulaire

Nouveaux composants

Nouveau composant: Case à cocher

Vous avez peut-être déjà utilisé des cases à cocher avec Kendo UI pour Angular, mais jusqu'à présent, il s'agissait simplement d'appliquer des classes CSS. Avec la version R1 2020, l'équipe de l'interface utilisateur de Kendo a mis au point une directive angulaire qui peut être appliquée à l'élément HTML de case à cocher natif. Cela fournit non seulement le style associé à votre thème d'interface utilisateur Kendo préféré (par défaut, Bootstrap ou Material, etc.), mais garantit également que cette case améliore simplement ce que le cadre angulaire fournit déjà hors de la boîte.

Nouveau composant: Bouton radio

Comme le composant de case à cocher ci-dessus, l'équipe Kendo UI for Angular a élaboré une directive pour aider à appliquer un style cohérent à tous les niveaux avec toute application angulaire écrite avec l'interface Kendo UI for Angular. Comme les boutons radio et les cases à cocher font tous partie intégrante de la création de formulaires, ces deux composants permettent de garantir que tous les aspects d'un formulaire peuvent être créés avec Kendo UI for Angular.

Nouveau composant: Avatar

Les avatars représentent beaucoup de choses dans les applications aujourd'hui; des images de profil dans les médias sociaux, des têtes de chat sur les plateformes de messagerie – même des icônes. Avec l'interface utilisateur de Kendo pour Angular Avatar, les développeurs de composants peuvent facilement ajouter une manière élégante de représenter des personnes ou des entités dans votre application en définissant une image, des icônes ou en utilisant des initiales (par exemple, «CB» en utilisant mes initiales). La forme de ces éléments peut être définie comme un carré, un cercle ou une forme générale arrondie via une option de configuration rapide.

Nouveau composant: Carte

L'interface utilisateur de Kendo pour le widget Carte angulaire est un élément de mise en page supplémentaire pour aider les développeurs à définir des designs d'application beaux et modernes. Popularisé avec Bootstrap et Material Design, ce composant de disposition peut être utilisé seul ou en tant que partie d'un modèle pour d'autres composants afin de créer une expérience utilisateur convaincante.

Nouveau composant: Chips

L'interface utilisateur de Kendo pour les composants angulaires Chips couvre un style d'éléments popularisé dans la conception matérielle et la conception d'applications mobiles. Le composant se compose d'un conteneur (souvent sous forme de «pilule»), de texte, d'une image facultative et d'une icône de suppression. Cela peut être utilisé en tant que partie d'un composant qui fournit plusieurs entrées ou un moyen rapide de répertorier les options prédéfinies qui peuvent être sélectionnées par l'utilisateur final.

En tant que partie créant le composant Angular Chips, nous avons également présenté la liste des chips, qui donne aux développeurs un moyen facile de fournir une liste de puces (pas seulement un seul élément) et donne des options sur la façon de disposer les puces (listes horizontale, verticale et grille) et comment les puces peuvent interagir avec (sélection d'un seul élément , sélection de plusieurs éléments, etc.) – tout en un seul composant!

Nouveau composant: sélection de fichier

Comme le composant de téléchargement, le composant Kendo UI for Angular File Select offre à vos utilisateurs finaux un moyen intuitif de sélectionner un seul, ou plusieurs fichiers de leur machine locale. L'aspect unique du composant File Select est qu'il permet à un développeur d'avoir un contrôle total sur le moment et la façon dont le fichier est téléchargé.

Le FileSelect est livré avec de nombreuses options de configuration, mais si vous avez besoin de plus le contrôle du comportement et l'apparence du composant prend entièrement en charge les modèles à l'aide des modèles de structure angulaire. En outre, comme tous nos composants d'interface utilisateur qui ciblent les formulaires, le composant FileSelect s'intègre aux formulaires réactifs!

Nouveau composant: étiquette flottante

Il peut être nécessaire de l'étiqueter comme «nouveau». Une étiquette flottante est devenue presque un aspect standard d'éléments d'entrée dans la conception web d'aujourd'hui. Bien que des étiquettes flottantes aient existé dans l'interface utilisateur de Kendo pour les composants angulaires eux-mêmes, ce composant autonome donne aux développeurs le pouvoir d'implémenter des étiquettes flottantes dans leurs propres éléments d'entrée ou d'améliorer d'autres interfaces utilisateur Kendo pour l'interface angulaire. Vous avez peut-être déjà vu cela appelé le composant TextBoxContainer dans notre documentation, mais nous pensons que l'appeler le composant "Étiquette flottante" semble beaucoup mieux:).

Nouvelles fonctionnalités des composants existants

TreeView – Glisser-déposer les nœuds

Cette fonctionnalité a été l'une des fonctionnalités les plus demandées dans Kendo UI pour Angular, et je suis heureux d'annoncer que nous avons ajouté des capacités de glisser-déposer dans notre Angular TreeView! Avec la nouvelle fonctionnalité Drag & Drop des TreeView, les utilisateurs finaux peuvent faire glisser des nœuds vers d'autres zones de TreeView, y compris des éléments du même niveau de hiérarchie ainsi que des nœuds à différents niveaux de la hiérarchie. Si le nœud a des enfants, ils seront également traînés. Si vous avez plusieurs TreeViews sur la même page, vous pouvez même glisser-déposer des nœuds entre les deux composants différents!

Téléchargement – Prise en charge de la segmentation

Lors du téléchargement de fichiers, une approche traditionnelle consiste à prendre l'intégralité du fichier et à simplement commencer diffuser le fichier du début à la fin. Ceci est malheureusement un peu fragile car les connexions réseau peuvent être interrompues. C'est là que les morceaux entrent en jeu, décomposant les fichiers en morceaux plus petits (morceaux) et téléchargeant ces morceaux dans une séquence. Avec cette approche, les téléchargements peuvent facilement être repris une fois la connexion réseau rétablie et peuvent également aider à suspendre et à reprendre les téléchargements. Avec R1 2020, l'interface utilisateur de Kendo pour le téléchargement angulaire prend désormais en charge la segmentation de tout fichier sélectionné.

Grille – Virtualisation des colonnes

Avec la virtualisation des colonnes dans l'interface utilisateur de Kendo pour la grille angulaire, les développeurs peuvent envoyer autant de colonnes que nécessaire dans la grille. sans se soucier de la dégradation des performances. Combinez cela avec la virtualisation de lignes préexistante et la grille de données angulaire peut prendre en charge d'énormes ensembles de données avec d'innombrables lignes et colonnes. Cette opération est très fluide (consultez le GIF dans le post de détails), et l'interface utilisateur de Kendo pour Angular Grid ne casse pas!

Grille – Améliorations des performances

Grâce au travail d'implémentation de la virtualisation des colonnes, le Kendo L'équipe de l'interface utilisateur pour Angular a parcouru le code source de la grille angulaire et a mis en œuvre divers réglages améliorant les performances pour garantir que la version R1 2020 de l'interface utilisateur de Kendo pour la grille angulaire est la plus rapide à ce jour. Cela inclut la charge initiale du composant et de ses données, ainsi que des interactions comme le défilement.

Éditeur – Navigation par clavier

Avec la nouvelle fonctionnalité de navigation par clavier, l'interface utilisateur de Kendo pour Angular Editor peut maintenant être facilement utilisée avec un simple clavier . Idéal pour les scénarios où des améliorations de productivité peuvent être apportées en utilisant simplement le clavier ou en améliorant l'accessibilité.

Editor – Accessibility

L'interface utilisateur de Kendo pour Angular Editor est désormais livrée avec un support intégré pour l'accessibilité prête à l'emploi. . Sans options de configuration supplémentaires, les développeurs peuvent compter sur l'éditeur pour se conformer aux normes Section 508, WCAG 2.1 et WAI-ARIA.

Pour plus d'informations

Pour voir des informations plus approfondies, ainsi que des images et des GIF, consultez au Quoi de neuf dans l'interface utilisateur de Kendo pour Angular dans le blog R1 2020 !

KendoReact

Nouveaux composants

Nouveau composant: tiroir

Le nouveau widget KendoReact Drawer fournit un tiroir standard avec des fonctionnalités d'extension et de réduction pour une expérience de navigation ultime. Le composant permet aux utilisateurs de définir des icônes et du texte pour chaque élément de navigation et est livré avec des fonctionnalités comme un mini-mode pour afficher uniquement les icônes de chaque élément afin de minimiser la superficie occupée par le composant.

Nouveau composant: formulaire

Le KendoReact Le composant de formulaire est un package petit et rapide pour la gestion de l'état du formulaire sans aucune dépendance. Utilisé en interne par des composants tels que le planificateur KendoReact, ce package de formulaire est conçu pour être utilisé à la fois avec les composants KendoReact ainsi qu'avec n'importe quel formulaire React générique. Cela signifie que tout développeur KendoReact a une dépendance externe de moins pour créer des applications React qui contiennent tout type de formulaire.

Nouveau composant: Case à cocher

Jusqu'à présent, le style d'une case à cocher a été possible en appliquant simplement une classe CSS trouvée dans KendoReact thèmes à un élément d'entrée HTML. Bien que cela ait bien fonctionné jusqu'à présent, nous avons réalisé qu'il y avait des inconvénients à cette approche, et qu'il manquait des intégrations plus profondes avec React. C'est pourquoi nous avons décidé de créer un nouveau composant de case à cocher autonome pour React! Cela aidera à fournir une apparence uniforme à travers tous les éléments de l'interface utilisateur dans une application React écrite avec KendoReact, et bien sûr être utilisé en interne dans nos propres composants. En plus d'être intégré à divers langages de conception, le composant Checkbox prend en charge les états vérifiés, non contrôlés, indéterminés et désactivés, ainsi que les propriétés intégrées pour gérer des éléments tels que l'étiquette d'accompagnement. Bien sûr, le composant est entièrement accessible et est conforme aux normes WCAG 2.1 et WAI-ARIA.

Nouveau composant: carte

Le widget KendoReact Card est un élément de mise en page supplémentaire pour aider les développeurs à configurer des conceptions d'application belles et modernes. Popularisé avec Bootstrap et Material Design, ce composant de disposition peut être utilisé seul ou en tant que partie d'un modèle pour d'autres composants tels que ListView pour créer une expérience utilisateur convaincante.

Nouveau composant: Avatar

Les avatars représentent beaucoup de choses dans les applications aujourd'hui; des images de profil dans les médias sociaux, des têtes de chat sur les plateformes de messagerie – même des icônes. Avec le composant KendoReact Avatar, les développeurs peuvent facilement ajouter une manière élégante de représenter des personnes ou des entités dans votre application en définissant une image, des icônes ou en utilisant des initiales (par exemple, «CB» en utilisant mes initiales). La forme de ces éléments peut être définie comme un carré, un cercle ou une forme générale arrondie via une option de configuration rapide.

Nouveau composant: Filtre

La ​​création d'expressions de filtre peut être bien plus qu'un simple commence par et contient lié à une seule case à cocher. Bien que cela puisse fonctionner dans certains scénarios, les utilisateurs doivent souvent utiliser plusieurs filtres et les combiner de diverses manières («prix unitaire supérieur à 18 $ et produits en stock», par exemple). Cela signifie que le filtrage peut rapidement devenir assez complexe. C'est là que le composant KendoReact Filter entre en jeu, offrant une expérience utilisateur intuitive pour la création d'expressions de filtre allant de filtres simples à très complexes. Ceux-ci peuvent ensuite être utilisés avec d'autres composants KendoReact, comme la grille de données, ou être utilisés pour filtrer toute collection de données.

Mises à jour du package Data Tools

Initialement introduit avec l'inclusion du composant KendoReact Pager, le package Data Tools continue à étendre en incluant d'autres bibliothèques et composants d'interface utilisateur utiles pour aider à gérer les collections de données – y compris le nouveau composant React Filter.

Nouvelles fonctionnalités des composants existants

NumericTextBox – Rework

Le NumericTextBox a été le premier composant KendoReact jamais écrit et au fil des ans, nous avons vu plusieurs exigences et scénarios au-delà de notre portée initiale du composant. C'est pourquoi nous avons consacré du temps à retravailler la NumericTextBox pour nous assurer qu'elle peut prendre en charge tous les scénarios d'expérience utilisateur que nous avons découverts pour le composant.

Scheduler – Custom Rendering

Le KendoReact Scheduler fournit une conception par défaut pour les événements et autres éléments du composant, qui change en fonction du langage de conception implémenté avec le composant. Avec la nouvelle fonctionnalité de rendu personnalisé, notre planificateur React permet de contrôler facilement l'apparence des événements, donnant aux utilisateurs la possibilité de personnaliser complètement le rendu du planificateur.

Planificateur – Navigation par clavier

Avec le nouveau clavier Fonction de navigation, le KendoReact Scheduler prend entièrement en charge la navigation et l'interaction avec ses différents éléments en utilisant uniquement le clavier comme entrée. Cela offre un potentiel pour un niveau de productivité plus élevé et aide dans les scénarios d'accessibilité où la navigation au clavier est la seule option pour l'interaction avec une application Web.

Scheduler – Accessibility

Poursuivant avec un fort engagement en matière d'accessibilité, le KendoReact Scheduler est désormais conforme aux normes d'accessibilité telles que WCAG 2.1 et WAI-ARIA. Ceci est fourni avec le composant, garantissant que tout développeur React peut augmenter le niveau d'accessibilité de son application simplement en incluant la dernière version de ce React Scheduler.

TreeList – Column Virtualization

Merci à la nouvelle fonctionnalité de virtualisation des colonnes, le composant TreeList peut gérer des données avec de grands ensembles de colonnes à travers son ensemble de données. La virtualisation fonctionne en chargeant les données selon les besoins et en recyclant les éléments d'interface utilisateur sur la page lorsque les utilisateurs font défiler les colonnes. Cela laisse l'impression de l'ensemble de données complet sans la pénalité de performance de charger tout ce HTML sur la page.

TreeList – Frozen Columns

L'affichage des données dans une structure de colonnes est crucial pour TreeList, et certaines colonnes peuvent avoir besoin de être affiché en permanence lorsque les utilisateurs défilent horizontalement. Avec la nouvelle fonctionnalité de colonnes figées (alternativement: colonnes verrouillées), la KendoReact TreeList peut facilement geler / verrouiller une colonne sur le côté gauche ou droit du composant lors du rendu initial, ou lorsqu'elle est défilée par l'utilisateur final.

TreeList – Redimensionner et réorganiser les colonnes

Développant les fonctionnalités de colonne disponibles de React TreeList, cette nouvelle version permet aux utilisateurs finaux de redimensionner la largeur des colonnes en faisant glisser un indicateur de redimensionnement, ou même de réorganiser le séquence dans laquelle les colonnes sont affichées. Cela garantit que toute vue de leurs données peut être personnalisée et modifiée pour s'adapter à leur écran et à leurs besoins.

TreeList – En-têtes à plusieurs colonnes

Souvent, une colonne peut avoir besoin de plus de contexte que le simple nom de son champ dans l'en-tête – en particulier si les colonnes sont liées d'une manière ou d'une autre. Grâce à la fonction d'en-tête multi-colonnes de KendoReact TreeList, les développeurs peuvent ajouter des en-têtes parents qui s'étendent sur plusieurs en-têtes de colonne. Ceux-ci peuvent également être réorganisés et redimensionnés, représentant l'ensemble du groupe de colonnes enfants qu'ils englobent.

Pour plus d'informations

Pour voir des informations plus détaillées, ainsi que des images et des GIF, rendez-vous sur les nouveautés de KendoReact avec le billet de blog R1 2020.

Vue

Nouveaux composants

Nouveau composant: Input

Qu'est-ce qu'une application sans aucune sorte de moyen pour les utilisateurs d'entrer du texte? C'est l'un des premiers composants que nous abordons dans n'importe quelle bibliothèque d'interface utilisateur native, et Vue ne fait pas exception. Le composant Input est bien sûr entièrement intégré à tous les thèmes de l'interface utilisateur de Kendo, ce qui aide à créer une apparence uniforme dans l'ensemble de votre application.

Nouveau composant: NumericTextBox

Poursuivant l'accent mis sur les entrées, le NumericTextBox est parfait pour tout scénario qui nécessite des chiffres (type simple, devise, pourcentage, etc.). Comme pour tout composant Vue que nous créons, NumericTextBox fonctionne avec tous nos thèmes disponibles et est conforme aux normes d'accessibilité WCAG 2.1 et WAI-ARIA.

Nouveau composant: DropDownList

Le DropDownList est un composant de formulaire qui permet aux utilisateurs de choisir une valeur unique à partir d'une liste de valeurs prédéfinie. Considérez-le comme un élément select avec des améliorations telles que la liaison de données, le filtrage, etc.

Nouveau composant: Dialogue

Le composant Dialogue est très utile dans les scénarios où vous devez présenter certains éléments spécifiques informations aux utilisateurs et les inciter à prendre une mesure. Ceci est généralement décrit de manière modale pour réduire la distraction. Bien sûr, en tant que développeur, vous avez un contrôle total sur le contenu du titre, de la boîte de dialogue, ainsi que sur les boutons d'action (et leurs événements) pour vous assurer que le composant peut facilement s'intégrer à vos applications existantes.

Nouveau composant: Animation

Les animations peuvent souvent être difficiles à implémenter. L'équipe de l'interface utilisateur de Kendo a besoin d'animations dans tous les composants pour s'assurer qu'ils «pop» correctement et ont la grande apparence qui accompagne tous les composants de l'interface utilisateur de Kendo. Comme il s'agit d'une partie de l'interface utilisateur de Kendo qui est utilisée dans toute la bibliothèque, nous voulions prendre ce travail et l'exposer également à tous les utilisateurs de l'interface utilisateur de Kendo, vous permettant de créer vos propres animations et pas seulement lorsque vous travaillez avec les composants de l'interface utilisateur de Kendo. . Ce package peut être utilisé pour aider à animer à peu près n'importe quoi dans vos applications.

Le composant Kendo UI Popup est la base de nombreux composants Kendo UI, y compris DropDownList et d'autres composants DropDown. Non seulement cela aide à faire apparaître le contenu sur la page lors de l'interaction (en cliquant sur un bouton par exemple), mais il doit également pouvoir être configuré pour s'afficher et s'aligner de certaines manières, fonctionne avec la détection des limites (si la fenêtre contextuelle apparaît en dehors de port d'affichage actuel), et même d'animer. Comme nous avions besoin de construire cela pour commencer à créer des composants d'interface utilisateur Vue plus natifs, nous avons pensé qu'il serait formidable d'exposer cette fonctionnalité à nos utilisateurs également!

Pour plus d'informations

Pour voir des informations plus détaillées, ainsi que images et GIF, rendez-vous sur les nouveautés de l'interface utilisateur de Kendo pour Vue avec R1 2020!

Mises à jour de la classe virtuelle

Beaucoup d'entre vous ont profité de la classe virtuelle Telerik une référentiel de plusieurs cours vidéo couvrant l'interface utilisateur de Kendo et d'autres produits Telerik, et sur la base des commentaires que nous avons vus, vous en profitez pleinement! Au cours des derniers mois, nous avons passé du temps à ajouter non seulement de nouveaux cours à cette ressource, comme en utilisant Kendo UI pour jQuery avec TypeScript et en utilisant Kendo UI pour Vue avec TypeScript mais nous avons également remanié les cours existants! Si vous avez déjà consulté des cours dans le passé, je recommande de donner un nouveau look au portail – il y a une tonne de contenu.

Pour ceux qui n'ont pas entendu parler de la salle de classe virtuelle, c'est maintenant votre chance de jeter un coup d'œil et de trouver un cours pour vous aider à vous familiariser avec un nouveau cadre ou un nouvel ensemble de composants d'interface utilisateur!

Pour vous informer, vous aurez besoin d'un compte Telerik.com pour parcourir les cours, donc cliquer sur l'un des liens de ce paragraphe peut vous inviter à ouvrir un écran de connexion.

Vous avez des commentaires?

Avons-nous manquer votre composant ou fonctionnalité préféré avec cette version? Avez-vous eu l'occasion d'essayer un nouveau composant et souhaitez-vous nous faire part de vos commentaires sur ce que nous pouvons ajouter? N'hésitez pas à commenter dans la section des commentaires ci-dessous, ou rendez-vous sur sur notre portail de commentaires public et ajoutez-y vos idées! De nombreux éléments que nous avons ajoutés avec R1 2020 provenaient directement des éléments affichés dans notre portail de commentaires, c'est donc un excellent moyen de s'assurer que nous ajoutons un composant dont vous avez besoin!

Rejoignez-nous pour un webinaire en direct!

voir tous les composants et fonctionnalités mentionnés ci-dessus (et plus) en direct et en action? Rejoignez-moi et mes collègues de l'équipe de l'interface utilisateur de Kendo lors de notre webinaire en direct le le jeudi 23 janvier à 11 h 00 HE ! Nous couvrirons l'ensemble de l'interface utilisateur de Kendo tout au long de la journée, chaque saveur prenant environ 30 minutes chacune. Les places sont limitées, alors rendez-vous sur la page du webinaire pour vous inscrire aujourd'hui et réserver votre place !