Telerik Forums
UI for Xamarin Forum
1 answer
252 views

I want to perform some operation when the RadComboBox, RadTimePicker and RadDatePicker is focused or tapped. But even if I attach these events, they are not triggered.

Is there a way to do so. Kindly help.

Didi
Telerik team
 answered on 03 Nov 2022
0 answers
40 views

<Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="42"></RowDefinition>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.1*"></ColumnDefinition>
                <ColumnDefinition Width="3.5*"></ColumnDefinition>
                <ColumnDefinition Width="0.8*"></ColumnDefinition>
                <ColumnDefinition Width="3.5*"></ColumnDefinition>
                <ColumnDefinition Width="2*"></ColumnDefinition>
                <ColumnDefinition Width="0.1*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid Grid.Row="0" Grid.Column="1">
                <telerikInput:RadDateTimePicker SpinnerFormat="yyyy-MM-dd HH:mm:ss" x:Name="StarDateTime" 
                                PlaceholderTemplate="{StaticResource placeholderTemplateStar}"
                                DisplayTemplate="{StaticResource displayTemplate}">
                    <telerikInput:RadDateTimePicker.SelectorSettings>
                        <telerikInput:PickerPopupSelectorSettings HeaderTemplate="{StaticResource headerTemplate}" 
                                                  FooterTemplate="{StaticResource footerTemplate}" />
                    </telerikInput:RadDateTimePicker.SelectorSettings>
                </telerikInput:RadDateTimePicker>
            </Grid>
            <Grid Grid.Row="0" Grid.Column="2">
                <Label VerticalTextAlignment="Center" HorizontalTextAlignment="Center" Text="---" />
            </Grid>
            <Grid Grid.Row="0" Grid.Column="3">
                <telerikInput:RadDateTimePicker SpinnerFormat="yyyy-MM-dd HH:mm:ss" x:Name="EndDateTime" 
                                PlaceholderTemplate="{StaticResource placeholderTemplateEnd}"
                                DisplayTemplate="{StaticResource displayTemplate}">
                    <telerikInput:RadDateTimePicker.SelectorSettings>
                        <telerikInput:PickerPopupSelectorSettings HeaderTemplate="{StaticResource headerTemplate}" 
                                                  FooterTemplate="{StaticResource footerTemplate}"/>
                    </telerikInput:RadDateTimePicker.SelectorSettings>
                </telerikInput:RadDateTimePicker>
            </Grid>
            <Grid Grid.Row="0" Grid.Column="4">
                <telerikInput:RadButton Text="计算" CornerRadius="20" Clicked="RadButton_Clicked" Style="{StaticResource BtnSubStyle}" />
            </Grid>

        </Grid>

 

--样式

<ControlTemplate x:Key="placeholderTemplateStar">
        <Label Text="请选择开始时间" 
           FontAttributes="Bold" 
           BackgroundColor="Black" 
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>
    <ControlTemplate x:Key="placeholderTemplateEnd">
        <Label Text="请选择结束时间" 
           FontAttributes="Bold" 
           BackgroundColor="Black" 
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>
    <ControlTemplate x:Key="displayTemplate">
        <Label Text="{TemplateBinding DisplayString}" 
           TextColor="Black" 
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>

<ControlTemplate x:Key="headerTemplate">
        <Label Text="{TemplateBinding HeaderLabelText}" 
           TextColor="Black"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center"/>
    </ControlTemplate>
    <ControlTemplate x:Key="footerTemplate">
        <StackLayout Orientation="Horizontal" Spacing="0" HorizontalOptions="FillAndExpand">
            <Button Text="{TemplateBinding CancelButtonText}" 
                TextColor="Black"
                BackgroundColor="Transparent"
                Command="{TemplateBinding CancelCommand}" />
            <Button Text="{TemplateBinding AcceptButtonText}" 
                TextColor="Black"
                BackgroundColor="Transparent"
                Command="{TemplateBinding AcceptCommand}" />
        </StackLayout>

    </ControlTemplate>

--英文改为中文

public class CustomDateTimePickerLocalizationManager: TelerikLocalizationManager
{
        public override string GetString(string key)
        {

            if (key == "DateTimePicker_Popup_HeaderLabelText")
                return "Datum und Uhrzeit Picker";
            if (key == "DateTimePicker_PlaceholderLabelText")
                return "Datum und Uhrzeit auswählen";
            if (key == "Picker_AmPmSpinnerHeaderLabelText")
                return "am/pm";
            if (key == "Picker_DaySpinnerHeaderLabelText")
                return "日";
            if (key == "Picker_HourSpinnerHeaderLabelText")
                return "小时";
            if (key == "Picker_MinuteSpinnerHeaderLabelText")
                return "分";
            if (key == "Picker_SecondSpinnerHeaderLabelText")
                return "秒";
            if (key == "Picker_MonthSpinnerHeaderLabelText")
                return "月";
            if (key == "Picker_YearSpinnerHeaderLabelText")
                return "年";
            if (key == "Picker_Popup_AcceptButtonText")
                return "选择";
            if (key == "Picker_Popup_CancelButtonText")
                return "关闭";

            return base.GetString(key);
        }
    }

--后端

InitializeComponent();
            TelerikLocalizationManager.Manager = new CustomDateTimePickerLocalizationManager();
            StarDateTime.MinimumDate = DateTime.Now.AddYears(-10);
            EndDateTime.MinimumDate = DateTime.Now.AddYears(-10);
            StarDateTime.Date = DateTime.Now.AddYears(-1);
            EndDateTime.Date = DateTime.Now;
li
Top achievements
Rank 1
Iron
 asked on 29 Apr 2022
1 answer
141 views

<Grid Grid.Row="0" Grid.Column="1">
                <telerikInput:RadDateTimePicker SpinnerFormat="yyyy-MM-dd HH:mm:ss" x:Name="StarDateTime" BorderColor="#c9c9c9" BorderThickness="1"
                                PlaceholderTemplate="{StaticResource placeholderTemplateStar}"
                                DisplayTemplate="{StaticResource displayTemplate}">
                    <telerikInput:RadDateTimePicker.SelectorSettings>
                        <telerikInput:PickerPopupSelectorSettings HeaderTemplate="{StaticResource headerTemplate}" 
                                                  FooterTemplate="{StaticResource footerTemplate}" />
                    </telerikInput:RadDateTimePicker.SelectorSettings>
                </telerikInput:RadDateTimePicker>
            </Grid>
            <Grid Grid.Row="0" Grid.Column="2">
                <Label VerticalTextAlignment="Center" HorizontalTextAlignment="Center" Text="---" />
            </Grid>
            <Grid Grid.Row="0" Grid.Column="3">
                <telerikInput:RadDateTimePicker SpinnerFormat="yyyy-MM-dd HH:mm:ss" x:Name="EndDateTime" BorderColor="#c9c9c9" BorderThickness="1"
                                PlaceholderTemplate="{StaticResource placeholderTemplateEnd}"
                                DisplayTemplate="{StaticResource displayTemplate}">
                    <telerikInput:RadDateTimePicker.SelectorSettings>
                        <telerikInput:PickerPopupSelectorSettings HeaderTemplate="{StaticResource headerTemplate}" 
                                                  FooterTemplate="{StaticResource footerTemplate}" x:Name="names"/>
                    </telerikInput:RadDateTimePicker.SelectorSettings>
                </telerikInput:RadDateTimePicker>
            </Grid>

 

 

<ControlTemplate x:Key="placeholderTemplateStar">
        <Label Text="请选择开始时间" 
           FontAttributes="Bold" 
           BackgroundColor="White" 
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>
    <ControlTemplate x:Key="placeholderTemplateEnd">
        <Label Text="请选择结束时间" 
           FontAttributes="Bold" 
           BackgroundColor="White" 
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" x:Name="name" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>
    <ControlTemplate x:Key="displayTemplate">
        <Label Text="{TemplateBinding DisplayString}" 
           TextColor="White" 
           BackgroundColor="#7BAEFF"
           HeightRequest="50"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}" />
            </Label.GestureRecognizers>
        </Label>
    </ControlTemplate>
    <ControlTemplate x:Key="headerTemplate">
        <Label Text="{TemplateBinding HeaderLabelText}" 
           TextColor="White"
           VerticalTextAlignment="Center"
           HorizontalTextAlignment="Center"
           BackgroundColor="#4488F5"/>
    </ControlTemplate>
    <ControlTemplate x:Key="footerTemplate">
        <StackLayout Orientation="Horizontal" Spacing="0" HorizontalOptions="FillAndExpand" BackgroundColor="#4488F5">
            <Button Text="{TemplateBinding CancelButtonText}" 
                TextColor="White"
                BackgroundColor="Transparent"
                Command="{TemplateBinding CancelCommand}" />
            <Button Text="{TemplateBinding AcceptButtonText}" 
                TextColor="White"
                BackgroundColor="Transparent"
                Command="{TemplateBinding AcceptCommand}" />
        </StackLayout>

    </ControlTemplate>
Didi
Telerik team
 answered on 25 Apr 2022
1 answer
127 views

Hi, I'm trying to apply theme changes to telerikInput:RadDateTimePicker, place holder & text colour change from ThemeDark.xaml & ThemeLight.xaml

by using

DisplayLabelStyle="{AppThemeBinding Dark={StaticResource TextColorDark},
                                                            Light={StaticResource PrimaryTextColorLight}}"   

and

PlaceholderLabelStyle="{AppThemeBinding Dark={StaticResource TextColorDark},
                                                            Light={StaticResource PrimaryTextColorLight}}"            
                                    SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"

 

but this AppThemeBinding doesn't work, If there is any working solution, please share with me.

Thanks

4 answers
65 views

Hi,

When the user opens the picker for the first time, is there any way to have it default to the current time?

I know I can set DefaultHighlightedTime but the user may spend some minutes in the screen before they select a time so the DefaultHighlightedTime is no longer the current time and is a few minutes ago.

Regards

Anthony

Anthony
Top achievements
Rank 1
Veteran
 answered on 11 Apr 2021
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?