Questions on UI for .NET MAUI Forum

1 answer

92 views

Imlicit Style

Hi,

I used this link : https://docs.telerik.com/devtools/maui/controls/timepicker/styling/dropdown-styling

to style (implicit style) for window my RadTimePicker , but is not working.

I attached demo.

Thanks in advance,

P.S

In Doc dropDownViewStyle is missing.

TimePicker

answered on 11 Apr 2022

1 answer

114 views

Implicit style

Hi,

I used this link : https://docs.telerik.com/devtools/maui/controls/datepicker/styling/styling

to style (implicit style) for window my RadDatePicker , but is not working.

I attached demo.

Thanks in advance,

DatePicker

answered on 11 Apr 2022

1 answer

90 views

No way in Andoid to actually select a RadListPicker popup item.

My mobile use of RadListPicker displays as a popup (expected -- that is the default). but I never see the buttons that should be at the end of the list, which itself can be fairly long. The documented Footer Template property appears to never have been implemented -- it is not in the metadata for RadListPicker, RadPickerBase, PickerContentView, RadContentView, etc.

I would like to use Telerik's Maui SDK Demo project to see if a workaround exists, but it only builds for Windows. In Android I get the error:

"Error NETSDK1130 Microsoft.Graphics.Canvas.winmd cannot be referenced. Referencing a Windows Metadata component directly when targeting .NET 5 or higher is not supported. For more information, see https://aka.ms/netsdk1130"

As this does not happen in the Cryptocurrency sample (which does not use a ListPicker), I assume SDK has some Windows-specific code that needs replacement.

Even so, the real need is for a GestureRecognizer in the Spinner Control, which does not currently support them. Right now I can tap all I want on an item and the Selected Event never fires. That is understandable, in a way, as documentation says selection only occurs when user "confirms" his choice. Without either a GestureRecognizer or a footer, there is no current way to do that in popup.

ListPicker

answered on 11 Apr 2022

1 answer

401 views

Does telerik support ImageButton on MAUI project?

Hey Team,

Does telerik support ImageButton on MAUI project? I created a telerik button and set image as content and no text, but I saw it did not show full image.

<telerik:RadButton Grid.Row="2" 
                               ImageSource="restbutton.png"
                               Padding="0"
                               Margin="0"
                               x:Name="PrimaryTelerikCommandButton" 
                               VerticalOptions="Center"
                               WidthRequest="24"
                               HeightRequest="24"
                               HorizontalOptions="Center"
                               BackgroundColor="{DynamicResource TelerikButtonBackgroundColor}"
                               Command="{Binding ClickCommand}">
</telerik:RadButton>

you can see the Image size is 24*24.

and result like below:

Thanks

Allen

Button

answered on 07 Apr 2022

1 answer

594 views

How can we change the PlacementTarget for popup in the codebehind?

If you create the Popup with code, you have to explicitly set the PlacementTarget property. Any example?

When the Popup is declared in XAML and you want to center it, attach it to the Page element and set its Placement property to "Center". How to attach it to Page?

Popup

answered on 07 Apr 2022

1 answer

66 views

Telerik needs to please provide ticket submission for MAUI errors

I realize Telerik MAUI is in pre-release, just as MAUI itself is. But after so many months of pre-release, surely it would be helpful to the coding team to know of errors still missed.

Here's one simple example of a missed error: TabViewItem has a HeaderText property that really ought to be bindable in xaml, but is not. (Doesn't hurt to have it there, but does not do anything.) So it has to be set in code behind. Easy workaround but should not be necessary.

Another: I like the new RadEntry's Completed Event -- works well. But RadEntry still has an Unfocused Event that worked in earlier versions, but not now. If an event is available, it should be implemented or else made unavailable. No one likes to write a lot of xaml only to find events do not fire! (Personally, I can get by just fine with Completed.) When I moved from pre-release 4 to 6 I had to rewrite hundreds of events from Unfocused to Completed as the former had quit working.

Etc.

General Discussions

answered on 06 Apr 2022

1 answer

167 views

Popup - dynamic content

Hi,

How can build pop that its content is dynamic, for big and small messages.

Thanks,

  <telerikPrimitives:RadPopup.Popup >
                <telerikPrimitives:RadPopup x:Name="popupError"
                                  IsModal="False"
                                  OutsideBackgroundColor="#6F000000"
                                            Placement='Center'>
                    <telerikMauiControls:RadBorder CornerRadius="8" x:Name="radBorderPopup"
                                         BackgroundColor="{DynamicResource SecondaryColor}" BorderThickness="4, 0,0,0" BorderColor="Red">
                        <VerticalStackLayout WidthRequest="300">
                            <StackLayout>
                            <Label  Text="Setting Errors" TextColor="Black" HorizontalOptions="Center" VerticalOptions="Center" FontSize="Small"/>
                                <Button 
                                    Padding="2"
                                   HorizontalOptions="End" VerticalOptions="Center"
                                   Text="X" WidthRequest="30" HeightRequest="30"
                                   Clicked="OnClosePopup" 
                                  BackgroundColor="{DynamicResource PrimaryColor}" TextColor="White" />
                            </StackLayout>
                            <Label x:Name="labelError"  Grid.ColumnSpan="2" TextColor="Black" HorizontalOptions="Center" VerticalOptions="Center"/>
                       </VerticalStackLayout>
                   </telerikMauiControls:RadBorder>
                </telerikPrimitives:RadPopup>
            </telerikPrimitives:RadPopup.Popup>

Popup

answered on 05 Apr 2022

1 answer

466 views

Style border of popup

Hi,

How I set the red line ?

Thanks,

Current:

To Be:

 <telerikPrimitives:RadPopup.Popup Margin="10">
                    <telerikPrimitives:RadPopup x:Name="popupError" IsOpen="{Binding IsOpenPopup , Mode=TwoWay}"
                                  IsModal="false"
                                  OutsideBackgroundColor="#6F000000"
                                            Placement="Center">
                        <telerikMauiControls:RadBorder CornerRadius="8"  BorderThickness="1"
                                         BackgroundColor="{DynamicResource SecondaryColor}">
                            <Grid Padding="20"
                                WidthRequest="300"
                                HeightRequest="180">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="40" />
                                    <RowDefinition Height="80" />
                                </Grid.RowDefinitions>
                                <Button Grid.Row="0"
                                    Padding="2"
                                   HorizontalOptions="End"
                                   Text="X"  WidthRequest="30" HeightRequest="30"
                                   Command="{Binding ClosePopupCommand}" 
                                  BackgroundColor="{DynamicResource PrimaryColor}" TextColor="White" />
                                <Label x:Name="labelError" Text="{Binding ErrorMessage, Mode=TwoWay}" Grid.Row="1" TextColor="Black" HorizontalOptions="Center" VerticalOptions="Center"/>
                            </Grid>
                        </telerikMauiControls:RadBorder>
                    </telerikPrimitives:RadPopup>
                </telerikPrimitives:RadPopup.Popup>

Popup

answered on 05 Apr 2022

1 answer

209 views

DataGrid-style

HI,

I want to have in grid verticals lines beween the columns like net.

How is can be done ?

Thanks,

DataGrid

answered on 04 Apr 2022

0 answers

72 views

RadDateTimePicker - select picker not seen

Hi,

I dont see the select button?

 <telerikInput:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5" HeightRequest="30" WidthRequest="170" BorderThickness="0"
                                                        Date="{Binding FromDate, Mode=TwoWay}" />

Thanks,