Fermer

janvier 16, 2019

Nouveautés des composants d’interface utilisateur angulaire Kendo UI dans la version 201 201


Avec la première sortie de l'année, Kendo UI pour Angular dispose d'un éditeur de texte enrichi, d'un planificateur amélioré et de bien plus encore.

C'est toujours un plaisir de commencer l'année avec brio et avec ce que nous avons pu faire. sur le côté angulaire de l’interface utilisateur de Kendo aide certainement à bien commencer l’année!

L'éditeur de texte enrichi arrive à Angular

L'un des composants les plus demandés pour notre suite Angular est le widget d'éditeur de texte enrichi. . Il a certainement figuré sur de nombreuses listes de souhaits tout au long de 2018. Eh bien, je peux enfin dire que l'éditeur pour Angular est ici avec la R1 2019!

 angular-editor "title =" angular-editor "/></p data-recalc-dims=

Le composant Editeur est idéal pour tout scénario dans lequel vos utilisateurs finaux doivent saisir du texte, des paragraphes, des listes, etc. Bien entendu, cela permet également de formater et d'insérer des liens, entre autres choses, pour un examen complet de ce que vous pouvez faire aujourd'hui avec le composant Editeur. vous pouvez consulter les démonstrations en ligne et consulter des exemples plus approfondis et pratiques

Cette première version de l'éditeur couvre un grand nombre des scénarios courants qui ont été demandés au cours de l'année. Si vous avez quelque chose qui manque dans cette version, vous pouvez toujours envoyer des commentaires pour que le composant soit amélioré au cours de la prochaine version.

Améliorations apportées au planificateur angulaire

nous avons pu libérer la version initiale o f le planificateur angulaire. Comme il s’agissait d’une version initiale du composant, nous avons décidé de l’étiqueter avec une balise beta tout en continuant à fournir des fonctionnalités. Cela signifie donc que nous avons été occupés à développer de nouvelles fonctionnalités! Entre la version initiale et la version R1 2019, nous avons pu proposer les fonctionnalités suivantes:

  • Localisation et mondialisation – Personnalisez tout ce qui se trouve dans le planificateur (y compris les messages intégrés) afin de l'adapter à la culture et aux préférences linguistiques de l'utilisateur final.
  • Ressources – Définissez des ressources telles que des personnes ou des salles et faites en sorte que les événements soient classés et liés à ceux-ci
  • Modèles d'événement – Créez une apparence personnalisée pour les événements et leur affichage (démonstration à venir!) )
  • Liaison de modèle personnalisé – Prenez n'importe quel modèle de données personnalisé et associez-le au planificateur

J'ai inclus un lien vers tout ce qui précède pour vous sentir libre de passer directement aux démonstrations pour vérifier chacune de ces choses. Les fonctionnalités en action!

Les modifications dans la grille deviennent plus intuitives

Une fonctionnalité dont beaucoup d'entre vous ont tiré parti dans la grille de Kendo UI est l'utilisation des composants contextuels intégrés pour les messages de validation lors de la modification de lignes dans la grille. Ceci est très utile pour fournir des indices contextuels immédiats sur ce qui pourrait ne pas être vrai avec les données que l'utilisateur tente de brancher. Jusqu'à présent, cette fonctionnalité n'était pas disponible dans la grille angulaire – c'est-à-dire jusqu'à présent! [19659020] angular-grid-editor-popup "title =" angulaire-grid-éditer-popup "/>

Avec le dernier paquet Grid nous avons implémenté un mécanisme plus intégré pour afficher ces messages de validation avec notre composant contextuel. Cela peut nécessiter une logique supplémentaire pour permettre l'affichage de ces messages, en fonction de vos modifications dans la grille, consultez la démonstration précédemment liée pour un exemple concret de cette action.

Ajouts au site de démonstration!

Au-delà des modifications apportées aux composants, je souhaitais également souligner l’aspect mis à jour de nos démonstrations de composants angulaires . Cette mise à jour simplifie un peu la tâche si vous me le demandez!

 angular-themebuilder "title =" angular-themebuilder "data-method =" ResizeFitToAreaArguments "data-customsizemethodproperties =" {"MaxWidth": "", "MaxHeight": "450", "ScaleUp": false, "Qualité": "Elevé"} "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

En plus de cela, nous avons également introduit un sélecteur de thème dans le Cela signifie que vous pouvez maintenant basculer entre les thèmes Par défaut, Bootstrap et Matériel en un seul clic pour afficher l’apparence du composant à l’aide de tous les thèmes disponibles, ainsi qu’un lien rapide vers notre . ] ThemeBuilder pour vous aider à personnaliser l’un de ces thèmes en fonction de vos conceptions en quelques clics!

Rejoignez-nous pour le webinaire

Cet article de blog décrit ce que nous avons livré au cours des derniers mois. à un niveau élevé, mais si vous voulez un regard plus en profondeur avec la compagnie de notre excellente équipe de développeurs, la Vous devez vous inscrire au webinaire R1 2019 concernant la publication de l'interface de Kendo UI ! Le webinaire aura lieu le 22 janvier à 11h00 HE. Nous avons un nombre limité de sièges, alors assurez-vous d'avoir le vôtre aujourd'hui pour voir tous les nouveaux morceaux en direct!

Save My Seat

Si vous ne pouvez pas attendre, n'hésitez pas à télécharger le derniers bits ou sautez dans un essai gratuit aujourd'hui et, comme toujours, dites-nous ce que vous pensez dans notre portail de commentaires ou dans les commentaires ci-dessous.


Les commentaires sont désactivés dans l'aperçu mode.




Source link