Fermer

janvier 12, 2021

Vues de planification personnalisables avec notre contrôle de calendrier Xamarin3 minutes de lecture



Vous devez personnaliser l'interface utilisateur du calendrier et de la planification dans votre application Xamarin? Avec notre dernière version de l'interface utilisateur Telerik pour Xamarin, nous avons rendu cela plus facile que jamais. Découvrez à quel point il est facile de personnaliser les vues de planification de notre calendrier.

Le calendrier Telerik Xamarin & amp; La planification est conçue pour couvrir des scénarios dans lesquels les utilisateurs doivent suivre leur emploi du temps et gérer leurs réunions. Grâce à la récente version de l'application IU de planification, les utilisateurs peuvent créer rapidement des rendez-vous et modifier les propriétés des rendez-vous telles que l'heure de début / de fin, la règle de récurrence, etc.

Comme toujours, nous avons travaillé dur pour rendre les vues de planification belles et pour l'utilisateur. convivial, mais nous sommes bien conscients que l'apparence par défaut ne peut s'adapter à aucune conception d'application. Donc, maintenant, avec R3 2020, nous avons rendu les interfaces utilisateur disponibles pour la personnalisation, afin que vous puissiez apporter votre propre style à l'interface utilisateur. & Nbsp; Dans cet article de blog, je vais vous familiariser avec les moyens fournis pour personnaliser les vues de planification du calendrier contrôle. Commençons!

Introduction à la planification des vues

Le calendrier & amp; Le contrôle de planification expose neuf vues différentes utilisées pour créer, modifier et supprimer des rendez-vous, tels que:

  • AddAppointmentView – affiche un formulaire pour modifier les rendez-vous & rsquo; propriétés
  • AppointmentSummaryView & nbsp; – affiche de brèves informations sur le rendez-vous avec des options pour le modifier / le supprimer
  • RepeatAppointmentView – fournit des options de répétition prédéfinies parmi lesquelles choisir comme Tous les jours, Tous les mois, etc.

Et c'est juste pour nommer un peu. Vous pouvez trouver la liste complète dans notre documentation ici: & nbsp; Présentation de l'interface utilisateur de planification . Il suffit de définir la propriété SchedulingUIEnabled de RadCalendar sur " true " pour activer la fonctionnalité pour vos utilisateurs: & nbsp;

& lt; telerikInput: RadCalendar x: Name = "calendrier"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196590 19659013] = "Vrai"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Afficher 196590 ] = "Day" / & gt;

Voici une vidéo rapide montrant la valeur par défaut AddAppointmentView qui s'affiche lorsque l'utilisateur tape sur un créneau horaire vide ou choisit l'option & ldquo; Modifier & rdquo ; option de AppointmentSummaryView afin de modifier un rendez-vous existant:

Planification des UI Styling5] Propriétés

des vues de planification fournissent un ensemble de fonctionnalités de style, vous pouvez donc adapter leur apparence au reste de l'application. AddAppointmentView par exemple, expose les propriétés de couleur du texte et de taille de police utilisées pour modifier les étiquettes et les contrôles d'entrée à l'intérieur de la vue. Découvrez le schéma ci-dessous qui montre exactement les personnalisations de style disponibles de AddAppointmentView :

Veuillez garder à l'esprit que ces propriétés sont différentes pour les vues séparées, vous pouvez trouver l'ensemble exact pour la vue nécessaire dans notre documentation .

Utilisons certaines de ces propriétés et voyons à quoi ressemblera la vue. Ajoutez simplement un style avec TargetType défini sur AddAppointmentView dans la section Resources de votre App.xaml:

  
& lt; Style TargetType = "telerikInput: AddAppointmentView" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Property = "BackgroundColor " Valeur = " Blanc " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = [19659014] "TitleFontSize" Value = "22" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Property [19659013] = "TitleTextColor" Value = "# FF2124" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "EditorFontSize" Valeur = "16" / & gt;
& nbs p; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "EditorTextColor" Valeur = "# 7F0000" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Property = "ButtonTextColor" Value = "# 7F0000 " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Property = " SeparatorThickness " Value = [19659014] "0" / & gt;
& lt; / Style & gt;

Voici le résultat à la fois sur Android et iOS:

Planification de modèles d'interface utilisateur

De plus, si vous avez besoin d'une personnalisation plus complète, telle que la modification de l'emplacement de certains contrôles ou l'ajout de nouveaux contrôles dans la vue, vous pouvez modifier son ControlTemplate. Grâce au ControlTemplate, vous pouvez intégrer votre propre look & amp;

Ici, je vais vous montrer comment vous pouvez personnaliser AddAppointmentView mais la même approche s'applique au reste des vues de planification.

Pour commencer , prenez le ControlTemplate par défaut ainsi que les styles référencés de notre SDKBrowser github repo & nbsp; et copiez-les & nbsp; dans la section Resources de votre fichier App.xaml.

L'approche la plus simple consiste à utiliser la valeur par défaut modèle comme base et appliquez directement les modifications nécessaires, de sorte que la vue réponde aux exigences de conception que vous avez. De cette façon, vous vous assurerez que la fonctionnalité (modification des propriétés du rendez-vous) fonctionnera comme prévu.

Vérifiez ci-dessous quelques exemples de modifications du ControlTemplate AddAppointmentView (déplacé les boutons Ok / Annuler en haut, supprimés la partie permettant de créer une règle de récurrence, a remplacé le commutateur pour les événements d'une journée entière par une case à cocher):

  
& lt; Application.Resources & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikCommon: InvertedBooleanConverter x: Key = "InvertedBooleanConverter" & "InvertedBooleanConverter" 19659128] & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Style x: Key = "EditorTitleLabelStyle" TargetType = TargetType = ] "Libellé" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "Options verticales " Valeur = " Centre " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter [19659012] Propriété = "FontSize" Value = "{TemplateBinding EditorFontSize}" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & lt; Setter Propriété = "TextColor" Value = "{TemplateBinding EditorTextColor}" / & gt ;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; / Style & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; & lt; ] Style x: Key = "EditorSeparatorStyle" TargetType = "telerikPrimitives: RadBorder" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "BorderColor" Valeur = "{TemplateBinding S eparatorColor} " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = " BorderThickness " " Value = " {TemplateBinding SeparatorThickness} " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; / Style & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Style x: Key = "EditorGridStyle" TargetType = [19659014] "Grille" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = " HeightRequest " Value = " {OnPlatform iOS = 44, Default = 48} " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; / ] Style & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; Style x: Key = "DefaultButtonStyle" ] TargetType [19659013] = "Button" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Property = "Marge" Valeur = "0" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "CornerRadius" Value = "0" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp ; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "BackgroundColor" Value = "{TemplateBinding ButtonBackgroundColor}" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter Propriété = "TextColor" Valeur [19659013] = "{TemplateBinding ButtonTextColor}" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Setter & lt; Propriété = [19659014] "HeightRequest" Value = "44" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; / Style & gt ;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; ControlTemplate x: Key = "AddAppointmentViewControlTemplate" & gt; & gt; & gt; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Grille RowSpacing = "0"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BackgroundColor = "{TemplateBinding BackgroundColor}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BindingContext = "{TemplateBinding BindingContext}" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & lt; telerikPrimitives: RadPopup.Popup & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikPrimitives: RadPopup IsOpen = "{Liaison IsPopupOpen}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Contenu = "{Binding PopupContent}"
& nbsp; & nbsp; & nbsp; > & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; VerticalOffset = "{Binding PopupVerticalOffset}"
& nbb & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Emplacement = "Centre"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; et ; & nbsp; & nbsp; & nbsp; AnimationType = "Fondu"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; > & nbsp; & nbsp; OutsideBackgroundColor = "# 6F000000" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & lt; / telerikPrimitifs: RadPopup & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & lt; / telerikPrimitives : RadPopup.Popup & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Finition [196590] Grid. & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; [19659DDe] Hauteur [19651290] = "Auto" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & lt; RowDefinition / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; [19659/nbsp;   [1965] 19659011] Définitions de la ligne de grille & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; l '1965112 & nbsp; & nbsp; & nbsp; & nbsp; l' 1965112 & nbsp; telerikPrimitives: RadBorder BorderColor = "# C8C7CC"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb sp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BorderThickness BorderThickness [196509013] "[09013]", 1965, 1965, 09013] " 0, 0 " & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb32] [1965] [1965] 19659011] Grille ColumnSpacing = "0" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Bouton Grid.Column = "0"
& nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Commande [   1965409] [196590] 19659014] "{Binding CancelCommand}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; Style = "{StaticResource Defau ltButtonStyle} "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; & nbsp; & nbsp; Texte = "{telerikCommon: Localize Calendar_AppointmentCancelButton}" / & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Bouton Grid.Column = "Grid.Column " 1 "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; nbsp; nbsp; ; & nbsp; Command = "{Binding SaveAppointmentCommand}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Style = "{StaticResource DefaultButtonStyle}"
& nbsp; & nbsp; & nbsp; ; & nbsp; & n bsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Texte [Tel196590ik= "[196590ikCommon{19659405]" : Localize Calendar_AppointmentOKButton} " / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp6 & nbsp; 1965 & nbsp; 1965 ; / Grille & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; nbsp; & lt; & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; ScrollView.Row = "1" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 1965 & nbsp; 1965 & lt; StackLayout Padding = "16, 20, 16, 0"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n bsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Espacement = "0" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt;! - Titre du rendez-vous - & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikPrimitifs: RadBorder BorderColor = Template
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196590 = "{OnPlatform iOS = '0, 23, 0, 20', par défaut = '0, 23, 0, 14'} "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BorderThickness = "{OnPlatform iOS = 1, Default = 0}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; CornerRadius = "{OnPlatform iOS = 10}" & gt;
& gt; [19659sp;19659129] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Entrée Texte = "{Rendez-vous.Titre contraignant, Mode = T woWay} "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; FontSize = "{TemplateBinding EditorFontSize}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Éditeur TextColor TemplateBextColor TemplateBextColor = "19659013] "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Espace réservé = "{telerikCommon: Localize Calendar_AppointmentTitlePlaceholder}" & gt;
& nbsp; & nbsp; & nbsp; & nbsp & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; & nbsp; & lt; / [g)19659011] & n bsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 1965 & nbsp; & nbsp; nbsp; 1965 / telerikPrimitives: RadBorder & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt;! - Rendez-vous AllDay - & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikPrimitives: RadBorder Style = "{StaticResource Editor; 19659013] & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & lt; Grille Style = "{StaticResource EditorGridStyle}" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Texte Étiquette Texte = "{telerikCommon: Localize Calendar_AppointmentAllDay}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Style = "{StaticResource EditorTitle;}
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; CheckBox IsChecked = IsChecked = "Rendez-vous 19659014] .IsAllDay} "[19659019] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Couleur = "{TemplateBinding AllDaySwitchOnColor}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196590 = Horizontal 19659014] "Fin" / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; / Grille & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; / telerikPrimitifs: RadBorder & gt;
& nbsp; nbsp;
& nbsp; nbsp;
& nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt;! - Date et heure de début du rendez-vous - & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikPrimitives StylePrimitives: RadBorder ] "{StaticResource EditorSeparatorStyle}" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Grille Style = "{StaticResource EditorGridStyle}" & gt;
& nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; ; & nbsp; & lt; Libellé Texte = "{telerikCommon: Localize Calendar_AppointmentStarts}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb p; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; 1965 & nbsp; 1965 & nbsp; ] Style = "{StaticResource EditorTitleLabelStyle}" / & gt;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Pile Orientation [196512] ] = "Horizontal"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Options horizontales [Finde19659013] 19659057] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Options verticales = "Centre" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196514 & nbsp; & nbsp; & nbsp; & nbsp; 196514 & lt; DatePicker Date = "{Date de début de la liaison}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; FontSize = "{TemplateBinding EditorFontSize}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; TextColor = [19659014] "{TemplateBinding EditorTextColor}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Format 196590 [196590] 19659014] "jj MMM aaaa"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ] "0, 0, 5, 0" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Date de 19659011 & nbsp; & nbsp; & nbsp; & nbsp; l. Effets & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n bsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; & nbsp; nbsp; nbsp; & nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikCommon: PickerRemoveBorderEffect / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; > & nbsp; & nbsp; & lt; / Effets.DatePicker & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Date de 1965901 ] & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; [19659614] & lt; TimePicker Time = "{Binding StartTime}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; FontSize = "{TemplateBinding EditorFontSize}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; > & nbsp; & nbsp; & nbsp; & nbsp; TextColor = "{TemplateBinding EditorTextColor}"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; > & nbsp; & nbsp; & nbsp; & nbsp; IsVis ible = "{Rendez-vous obligatoire.IsAllDay, Converter = {StaticResource InvertedBooleanConverter}}" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; ; & nbsp; & lt; TimePicker.Effets & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikCommon: PickerRemoveBorderEffect / & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 1965 TimePicker.Effec ts & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; / TimePicker & gt;
& nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196534 & nbsp; & nbsp; & nbsp; & nbsp; 1965 </StackLayout>
                 &nbsp ;      </Grid>
         &nbsp ;          </telerikPrimitives:RadBorder>
 
               &n bsp;     <!--Appointment End Date and End Time-->
                    <telerikPrimitives:RadBorder Style="{StaticResource EditorSeparatorStyle}">
                        <Grid Style="{StaticResource EditorGridStyle}">
                            <Label Text="{telerikCommon:Localize Calendar_AppointmentEnds}"
           &nbsp ;                   Style="{StaticResource EditorTitleLabelStyle}" />
 
                            <StackLayout Orientation="Horizontal"
                                     HorizontalOptions="End"
                                      VerticalOptions="Center">
                                <DatePicker Date="{Binding EndDate}"
                                        FontSize="{TemplateBinding EditorFontSize}"
                                        TextColor="{TemplateBinding Edito rTextColor}"
                                        Format="dd MMM yyyy"
                                        Margin="0, 0, 5, 0"
                                        HorizontalOptions="End">
          &n bsp;                         <DatePicker.Effects>
                                        <telerikCommon:PickerRemoveBorderEffect />
                                    </DatePicker.Effects>
                            &n bsp;   </DatePicker>
                                <TimePicker Time="{Binding EndTime}"
                                        FontSize="{TemplateBinding EditorFontSize}"
                                        TextColor="{TemplateBinding EditorTe xtColor}"
                                        IsVisible="{Binding Appointment.IsAllDay, Converter={StaticResource InvertedBooleanConverter}}"
                                        HorizontalOptions="End">
                                    <TimePicker.Effects>
 & nbsp;                                      <telerikCommon:PickerRemoveBorderEffect />
                                    </TimePicker.Effects>
                                </TimePicker>
                        &n bsp;   </StackLayout>
                        </Grid>
                    </telerikPrimitives:RadBorder>
 
                    <!--Appointment Color-->
                    <telerikPrimitives:RadBorder Style="{StaticResource EditorSeparatorStyle}">
           &nb sp;            <Grid Style="{StaticResource EditorGridStyle}">
                            <Label Text="{telerikCommon:Localize Calendar_AppointmentColor}"
                               Style="{StaticResource EditorTitleLabelStyle}" />
                            <Grid HorizontalOption s="End">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="Auto" />
      &nbsp ;                         </Grid.ColumnDefinitions>
                                <Grid.GestureRecognizers>
                                    <TapGestureRecognizer Command="{Binding ShowColorPickerViewCommand}" />
                         &nbs p;      </Grid.GestureRecognizers>
                                <telerikPrimitives:RadBorder VerticalOptions="Center"
                                                         HorizontalOptions="End"
                             &nbs p;                           Grid.Column="0"
                                                         HeightRequest="26"
                                                         WidthRequest=[19659014]"26"
                                                         CornerRadius="13"
                                                         Margin="0"
                               &nbsp ;                         BorderColor="{Binding Appointment.Color, Mode=TwoWay}"
                                                         BackgroundColor="Transparent"
                                                         [1 9659916]BorderThickness="2">
 
                                    <telerikPrimitives:RadBorder VerticalOptions="Center"
                                                             HorizontalOptions="Center"
                                                              CornerRadius="9"
                                                             HeightRequest="18"
                                                  &nbs p;          WidthRequest="18"
                                                             Margin="1, 0, 0, 0"
                                                             BackgroundColor="{Binding Appointment.Color, Mode=TwoWay}"[1 9659013]/>
 
                                </telerikPrimitives:RadBorder>
                                <Label telerikCommon:TelerikFont.UseEmbeddedFont="True"
                                   Grid.Column="1"
                   &nbsp ;               Margin="2"
                                   VerticalOptions="Center"
                                   FontSize="{TemplateBinding EditorFontSize}"
                                   TextColor="{TemplateBinding EditorTextColor}"[19659019]                                   Text="î …" />
                            </Grid>
                        </Grid>
                    </telerikPrimitives:RadBorder>
                &l t;/StackLayout>
            </ScrollView>
 
         
        </Grid>
    </ControlTemplate>
 
    <Style TargetType="telerikInput:AddAppointmentView">
        <Setter Property="BackgroundColor" Value="White"/>
        <Setter Property="TitleFontSize" Value=[19659014]"20" />
        <Setter Property="TitleTextColor" Value="#FF2124" />
        <Setter Property="EditorFontSize" Value="16" />
        <Setter Property="EditorTextColor" Value="#7F0000" />
        <Setter Property="ButtonTextColor" Value="#7F0000" />
        <Setter Property="ButtonBackgroundColor" Value[1 9659013]="White" />
        <Setter Property="SeparatorThickness" Value="0" />
        <Setter Property="AllDaySwitchOnColor" Value="#7F0000" />
        <Setter Property="ControlTemplate" Value="{StaticResource AddAppointmentViewControlTemplate}" />
    </Style>
</Application.Resources>

And this is how it looks on an Android emulator:

Let Us Know What You Think

Your feedback on our Xamarin controls is more than welcome. If you have any ideas for features to add, do not hesitate to share this information with us on our Telerik UI for Xamarin Feedback portal.

Don’t forget to check out the various demos of the control in our SDK Sample Browser and the Telerik UI for Xamarin Demos application.

If you have not yet tried the Telerik UI for Xamarin suite, take it out for a spin with a 30-day free trialoffering all the functionalities and controls at your disposal at zero cost.

Try Now




Source link

0 Partages