Select button not seen

2 Answers 97 Views
DateTimePicker
Daniel
Top achievements
Rank 1
Silver
Bronze
Daniel asked on 15 May 2022, 11:58 AM | edited on 19 May 2022, 08:11 PM

Hi

I do not see select button at date time picker.


<telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>

Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 19 May 2022, 08:11 PM

is it a bug?
Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 23 May 2022, 04:28 PM | edited

it work in past? I was able to see button to select the date time picker.

See:

2 Answers, 1 is accepted

Sort by
0
Antoan
Telerik team
answered on 25 May 2022, 05:17 PM

Hi Daniel,

I tried to reproduce the issue, using the official .NET MAUI version and Telerik's library for .NET MAUI 1.0.0.

However everything looks to work as expected on my side, as seen on the image below.

I suggest an update to the official version of .NET MAUI and Telerik library for .NET MAUI 1.0.

If the issue persists feel free to reach out to me. I will be looking forward to your reply.

Regards,
Antoan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Hanoch
Top achievements
Rank 1
commented on 25 May 2022, 05:21 PM | edited

 

OK.

My app crashed when moved to Telerik library for .NET MAUI 1.0.

I opened support ticket for that issue - https://www.telerik.com/account/support-center/view-ticket/1566561

Does support tickets are  private ?

 

Hanoch
Top achievements
Rank 1
commented on 26 May 2022, 06:05 AM

I testes now with Telerik library for .NET MAUI 1.0 and I'm not seen the select button.


  <telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>
styles from app.xaml

  <!--RadDatePicker explicit start style-->
            <Style TargetType="telerik:PickerDropDownContentView" x:Key="dropDownViewStyle">
                <Setter Property="BackgroundColor" Value="#D8D8D8"/>
            </Style>
            <Style TargetType="telerik:PickerPopupFooterView" x:Key="footerStyle">
                <Setter Property="BackgroundColor" Value="LightBlue"/>
            </Style>
            <Style TargetType="Button" x:Key="acceptButtonStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="Text" Value="OK"/>
                <Setter Property="TextColor" Value="#00B5DC"/>
            </Style>
            <Style TargetType="Button" x:Key="cancelButtonStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="Text" Value="X"/>
                <Setter Property="TextColor" Value="#00B5DC"/>
            </Style>
            <!--RadDatePicker exmplicit end style-->

            <!--RadTimePicker explicit start style-->
            <!--RadTimePicker explicit end style-->

            <!--RadDateTimePicker explicit start style-->
            <Style TargetType="telerik:RadSpinner" x:Key="spinnerStyle">
                <Setter Property="ItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="#4A4949"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="SelectedItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="Black"/>
                            <Setter Property="FontAttributes" Value="Bold"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="HeightRequest" Value="240"/>
            </Style>
            <Style TargetType="Label" x:Key="spinnerHeaderStyle">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="FontAttributes" Value="Bold"/>
                <Setter Property="HorizontalOptions" Value="FillAndExpand"/>
                <Setter Property="VerticalOptions" Value="FillAndExpand"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="telerik:RadSpinner" x:Key="SpinnerStyle">
                <Setter Property="ItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="#4A4949"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="SelectedItemStyle">
                    <Setter.Value>
                        <Style TargetType="telerik:SpinnerItemView">
                            <Setter Property="TextColor" Value="Black"/>
                            <Setter Property="FontAttributes" Value="Bold"/>
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="HeightRequest" Value="240"/>
            </Style>
            <Style TargetType="telerik:RadBorder" x:Key="selectionHighlightStyle">
                <Setter Property="BackgroundColor" Value="Transparent"/>
                <Setter Property="BorderColor" Value="#00B5DC"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="Padding" Value="0,6,0,6"/>
                <Setter Property="HeightRequest" Value="40"/>
                <Setter Property="VerticalOptions" Value="Center"/>
            </Style>
            <Style TargetType="Label" x:Key="displayLabelStyle">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="Label" x:Key="placeholderLabelStyle">
                <Setter Property="TextColor" Value="#4A4949"/>
                <Setter Property="VerticalTextAlignment" Value="Center"/>
                <Setter Property="HorizontalTextAlignment" Value="Center"/>
            </Style>
            <Style TargetType="telerik:RadButton" x:Key="clearButtonStyle">
                <Setter Property="TextColor" Value="Blue"/>
            </Style>
            <Style TargetType="telerik:RadButton" x:Key="toggleButtonStyle">
                <Setter Property="TextColor" Value="LightBlue"/>
            </Style>
            <!--RadDateTimePicker exmplicit end style-->


            <!--RadListPicker explicit start style-->
            <Style TargetType="telerik:SpinnerItemView" x:Key="ItemStyle">
                <Setter Property="BackgroundColor" Value="#F8F8F8"/>
                <Setter Property="CornerRadius" Value="0"/>
                <Setter Property="TextColor" Value="#919191" />
                <Setter Property="FontSize" Value="12"/>
            </Style>
            <Style TargetType="telerik:SpinnerItemView" x:Key="SelectedItemStyle">
                <Setter Property="BackgroundColor" Value="#F0F0F0"/>
                <Setter Property="CornerRadius" Value="0"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="TextColor" Value="#4A4949" />
                <Setter Property="FontSize" Value="16"/>
            </Style>
            <!--RadListPicker implicit end style-->

0
Antoan
Telerik team
answered on 27 May 2022, 11:12 AM

Hi Hanoch,

I have created a demo app to reproduce the error using the code you have provided, after setting up the nuget package and declaring UseTelerik() in the MauiProgram.cs, I set up the styles you have provided in the App.xaml and the DateTimePicker in the MainPage.

The result is as follows:

I have attached the demo app for you to check out, as I am still unable to reproduce the issue.

However, I have noticed in another ticket of yours that you have a style for RadButton, which is not present here. Keep in mind that the dropdown button in the DateTimePicker is a RadButton, so if you have a style for it overrides the default one.

I hope the provided information helps. Let me know if I can assist any further.

Regards,
Antoan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
DateTimePicker
Asked by
Daniel
Top achievements
Rank 1
Silver
Bronze
Answers by
Antoan
Telerik team
Share this question
or