Fermer

septembre 15, 2021

Quoi de neuf dans Kendo UI pour jQuery avec R3 2021


Septembre est à nos portes et vous savez ce que cela signifie : la version R3 2021 est arrivée !

Dans nos composants jQuery, nous avons ajouté des composants très demandés tels que OrgChart, Heatmap, Popover et CAPTCHA, ainsi que diverses fonctionnalités dans les composants existants . Nous avons même un kit d'interface utilisateur pour Figma ! Continuez à lire pour voir tout ce qui est nouveau avec R3 2021 avec Kendo UI pour jQuery. Pas grand chose d'autre à dire ici, mais si vous souhaitez utiliser les dernières et les meilleures de jQuery, vous pouvez le faire avec l'interface utilisateur de Kendo sans aucun problème !

Bootstrap 5 Support

Gif animé montrant la différence de look- et-se sentir dans l'interface utilisateur de Kendo pour les composants jQuery entre Bootstrap 4.5 et Bootstrap 5 Avec R3 2021, les développeurs jQuery peuvent mettre à jour leurs applications pour profiter de la dernière version de Bootstrap sans aucun problème.</p><p>Vous pouvez le voir en action en sélectionnant <code>Bootstrap</code> dans la liste déroulante des thèmes dans l'un des <a title=Kendo UI pour les démos en ligne jQuery.

Mise à jour des sélecteurs de thèmes dans Docs & Demos

Kendo UI pour jQuery - Sélecteur de thèmes amélioré

Lorsque vous naviguez dans l'interface utilisateur de Kendo pour les démos jQuery, vous remarquerez peut-être qu'il semble qu'une douzaine de thèmes aient été ajoutés dans la liste déroulante du sélecteur de thèmes, et c'est quelque chose de nouveau avec R3 2021 !

Alors que Kendo UI prend toujours en charge les trois mêmes thèmes (par défaut, matériel et Bootstrap), le nouveau sélecteur de thème montre diverses variations de couleurs, appelées « échantillons », conçues par les ingénieurs frontend de Kendo UI. Cela donne à quiconque parcourt l'interface utilisateur de Kendo pour les démos jQuery un moyen rapide de voir ce qui est possible avec les thèmes de l'interface utilisateur de Kendo grâce à quelques ajustements de variables Sass. Kendo UI pour les démos jQuery.

Kendo UI Kit pour Figma

Telerik et Kendo UI Kits pour Figma

Un autre aspect passionnant de R3 2021 est le nouveau Kendo UI Kit pour Figma que nous avons officiellement publié ! Ce kit comprend plus de 30 composants de l'interface utilisateur Kendo pour jQuery qui peuvent être utilisés dans Figma pour concevoir des interfaces riches à transmettre aux développeurs. Avec les artefacts fournis dans le kit d'interface utilisateur Kendo, les concepteurs disposent de nombreuses options de personnalisation pour s'assurer que n'importe quelle conception peut être appliquée aux composants de l'interface utilisateur Kendo. Page Figma.

Nouveaux composants jQuery

Nouveau composant : OrgChart

Exemple du composant Kendo UI pour jQuery OrgChart affichant quatre personnes avec des liens entre elles indiquant qui rend compte à qui

Le Le premier composant que je souhaite mentionner avec R3 2021 est le nouveau composant jQuery OrgChart. Il s'agit d'un nouveau composant d'interface utilisateur attendu et très demandé qui permet aux développeurs de représenter la hiérarchie de leur organisation dans un seul composant. eux. Bien sûr, les équipes peuvent également être représentées comme un groupe d'individus faisant rapport à quelqu'un. pour les démos jQuery OrgChart pour une plongée plus approfondie dans ce nouveau composant.

Nouveau composant : CAPTCHA

Petit échantillon d'un formulaire avec la nouvelle interface utilisateur Kendo pour le composant CAPTCHA jQuery en bas

Un autre l'énorme composant jQuery UI que nous avons ajouté avec R3 2021 est le nouveau composant jQuery CAPTCHA. Ce nouveau composant permet aux développeurs jQuery d'ajouter un niveau de sécurité à leurs applications avec une configuration assez simple.

Quelque chose d'unique que Kendo UI pour jQuery apporte avec cette version est un assistant côté serveur qui est utilisé en combinaison avec le client composant jQuery latéral. En effet, le fait d'avoir un composant CAPTCHA purement basé sur JavaScript peut en fait être contourné assez facilement, il doit donc y avoir une sorte de validation côté serveur.

Le CAPTCHA est demandé depuis un certain temps, et je suis très excité pour dire qu'il est enfin là !

Pour un aperçu complet de ce que ce nouveau composant peut faire, veuillez vous référer à la démo CAPTCHA jQuery.

Nouveau composant : Popover

Exemple du Kendo UI pour jQuery Popover Component apparaissant sur un calendrier pour présenter tous les événements qui se produisent un jour particulier C'est ainsi qu'est né le nouveau composant jQuery Popover.</p><div class=

Un Popover est chargé d'afficher du contenu supplémentaire pouvant être affiché en interaction avec d'autres éléments HTML. Bien qu'il partage des points communs avec une info-bulle, le Popover fait passer cette interaction au niveau supérieur et permet aux développeurs d'ajouter des mises en page plus longues et plus complexes à son contenu. Comme le montre l'image ci-dessus, le Popover est largement utilisé dans les applications modernes de planification et de calendrier comme Google ou Outlook Calendar.

Consultez la démo Kendo UI for jQuery Popover Component pour en savoir plus.[19659035]Nouveau composant : Heatmap

Kendo UI pour jQuery Heatmap Component - Présentation. La matrice du nombre de commits par jour a des lignes indiquant la date et des colonnes indiquant la personne. Les carrés de la matrice affichent divers nombres entre 0 et 24, avec une nuance de rose, 0 indiquant la teinte la plus claire et 24 indiquant la teinte la plus foncée.

Le dernier nouveau composant d'interface utilisateur dans Kendo UI pour jQuery est la carte thermique. Aujourd'hui, l'utilisation la plus connue d'une Heatmap est probablement le graphique de contribution GitHub, mais il y a tellement d'autres utilisations pour un élément de visualisation de données comme jQuery Heatmap. Également connue sous le nom de « carte thermique de cluster », la carte thermique jQuery permet de visualiser l'amplitude d'une valeur sur deux dimensions. ].

Fonctionnalités étendues des composants

Formulaire : TextBox et TextArea désormais intégrés et prise en charge des champs cachés

Un exemple de base d'un formulaire Web avec diverses entrées de texte et de liste déroulante

Bien que relativement nouveau, le composant jQuery Form de Kendo UI a été repris et utilisé par des tonnes de développeurs. Grâce à cela, l'équipe de l'interface utilisateur de Kendo pour jQuery a pu s'appuyer sur le portail de commentaires pour ajouter constamment des fonctionnalités à ce composant d'interface utilisateur extrêmement utile.

Avec R3 2021, nous avons étendu les composants intégrés disponibles dans jQuery. Composant de formulaire, créant spécifiquement les composants d'interface utilisateur TextBox et TextArea qui représenteront des chaînes et une entrée de forme libre.

De plus, nous avons également ajouté la prise en charge des champs cachés, un aspect très courant de la création de formulaires sur le Web.

Comme toujours, voici un lien vers les démos Kendo UI for jQuery Forms pour plus d'informations.

Tous les composants : accessibilité améliorée

Illustration présentant diverses icônes associées à l'accessibilité (navigation vocale, lecteurs d'écran, etc.)

Une grande partie du travail en coulisses avec R3 2021 renforce encore l'interface utilisateur de Kendo pour la prise en charge de l'accessibilité jQuery. Cela se présente sous diverses formes, comme l'amélioration des tests automatisés, la résolution de plusieurs problèmes signalés spécifiquement autour de l'accessibilité et l'examen des domaines d'amélioration pour des composants spécifiques.

L'un de ces composants sur lequel nous nous sommes concentrés un peu plus dans cette version est le composant autonome jQuery Pager, qui a vu plusieurs correctifs mis en œuvre afin d'améliorer l'accessibilité dans le composant. mise à niveau vers R3 2021 !

Pour plus d'informations sur l'interface utilisateur de Kendo pour jQuery et la conformité à l'accessibilité, veuillez vous référer à la section accessibilité de la documentation de l'interface utilisateur de Kendo.

Vous avez des commentaires ?

Ouf, c'est ça toute la liste des composants et des fonctionnalités ! Tout ce que nous avons ajouté avec R3 2021 provient directement des commentaires de clients comme vous.

Nous voulons continuer à fournir des versions utiles (comme celle-ci) pour vous et vos équipes à l'avenir. Avons-nous manqué un composant ou une fonctionnalité spécifique dont vous avez besoin ? Rendez-vous sur Kendo UI pour jQuery Feedback Portal et soumettez votre propre demande de fonctionnalité ou votez pour un élément existant. Assurez-vous que votre voix est entendue !

Webinaires et diffusions en direct

Vous voulez voir tout ce que j'ai mentionné ci-dessus en direct et en action ? Le mercredi 28 septembre à 11h00 HEnous organisons le webinaire Kendo UI R3 2021 release. Cette session couvrira tout ce qui est nouveau avec R3 2021 dans jQuery, Angular, React et Vue.

En plus de cela, nous aurons également un Twitch livestream approfondissant l'interface utilisateur de Kendo pour Angular sur Vendredi 24 septembre à 10 h HEet nous couvrons également KendoReact sur Twitch le Jeudi 23 septembre à 10 h HE.

Des tonnes de Le plaisir sera au rendez-vous, alors rendez-vous sur la page d'inscription au webinaire Kendo UI R3 2021 pour réserver votre place et participer aux festivités !




Source link

Revenir vers le haut