Questions on UI for .NET MAUI Forum

1 answer

521 views

Does the Telerik Maui support Blazor? So far all the examples I have seen are for XAML. Do you have examples for MAUI Blazor?

Please could you let me know of the trial MAUI components are suitable for use with Blazor.

General Discussions

answered on 22 Mar 2022

1 answer

164 views

telerikCommon:RadLineSegment - is not working

Hi,

From link: https://docs.telerik.com/devtools/maui/controls/path/geometry-structure

Is not working

<telerikPrimitives:RadPath x:Name="simpleLinePath"
                           StrokeThickness="4"
                           Stroke="#2EC262">
    <telerikCommon:RadPathGeometry>
        <telerikCommon:RadPathFigure StartPoint="0.8, 0.1">
            <telerikCommon:RadLineSegment Point="0.1, 0.8" />
        </telerikCommon:RadPathFigure>
    </telerikCommon:RadPathGeometry>
</telerikPrimitives:RadPath>

Path

answered on 22 Mar 2022

1 answer

278 views

Popup - is modal false not working

Hi,

Popup - is modal false not working

telerikPrimitives:RadPopup.Popup >
    <telerikPrimitives:RadPopup x:Name="popupError" IsOpen="False"
                                  IsModal="False" 
                                  OutsideBackgroundColor="#6F000000"
                                            Placement='Center' >
        <telerikMauiControls:RadBorder CornerRadius="8"
                                         BackgroundColor="#03446a">

            <Grid Padding="20"
                                WidthRequest="200"
                                HeightRequest="170">
                <Grid.RowDefinitions>
                    <RowDefinition Height="40" />
                    <RowDefinition Height="70" />
                </Grid.RowDefinitions>
                <Button Grid.Row="0"
                                    Padding="2"
                                   HorizontalOptions="End"
                                   Text="X"
                                   Clicked="OnClosePopup" 
                                  BackgroundColor="#03446a" TextColor="White" />
                <Label x:Name="labelError" Grid.Row="1" Text="" TextColor="White"/>
            </Grid>
        </telerikMauiControls:RadBorder>
    </telerikPrimitives:RadPopup>
</telerikPrimitives:RadPopup.Popup>

Popup

answered on 22 Mar 2022

1 answer

793 views

Available controls

Hello,

I'm actually looking to move a WPF application, using Telerik UI for WPF, to MAUI, so it can run also on Mac.

Looking at what's currently used in the application and what's available in Telerik UI for MAUI, I found that the following is missing:

The Ribbon control.
The Docking control.
In the DataGrid control, the possobility to have row details.
The window control, used to display dialog boxes.

Do you intend to add these controls, and to add row details in the DataGrid control?

General Discussions

answered on 22 Mar 2022

1 answer

144 views

RadListPicker - watermark place

Hi,

Look on the Select location .

  <telerikInput:RadListPicker Grid.Row="0" Grid.Column="3" x:Name="routeTypeListPicker"  HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" HeightRequest="40"  WidthRequest="120" Margin="5"
                          ItemsSource="{Binding RouteTypeItems}" 
                          DisplayMemberPath="Value"
                          SelectedItem="{Binding SelectedRouteTypeItem, Mode=TwoWay}">
                    </telerikInput:RadListPicker>

ListPicker

answered on 22 Mar 2022

1 answer

288 views

RadListPicker - missed selected index property

Hi,

RadListPicker - missed selected index property

Thanks,

<telerikInput:RadListPicker  x:Name="timeTypeListPicker" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" HeightRequest="35"  WidthRequest="100"
                          ItemsSource="{Binding TimeTypesItem}" 
                          DisplayMemberPath="Value" 
                          SelectedItem="{Binding SelectedTimeTypesItem, Mode=TwoWay}" >
                                    </telerikInput:RadListPicker>

ListPicker

answered on 22 Mar 2022

0 answers

276 views

Focused State does not work when Shift by Tab

Hey Team,

I have a question about Button Focus state, I do as below steps, after that I found the focus stats does not work any more.

1. Create Focused state and set Border and TextColor, BorderThickness.

2. Run app on window desktop. When I use tab to shift focus. I found it is work.

3. When I keep Pressing button and mouse move out from button. Then use tab reselect button, you will see it does not work any more.

4. By the way, if I use WidthRequest and HeightReqyest to modify button size, it doesn't work. you can see my screenshot below.

<telerikInput:RadButton x:Name="button" Grid.Row="2"
                               Text="Click me!"  
                               BackgroundColor="#313131"
                               AutomationId="button"
                               FontAttributes="Bold"
                               HorizontalContentAlignment="Center"
                               VerticalContentAlignment="Center"
                               IsEnabled="{Binding EnableCommand}"
                               Command="{Binding OperationCommand}"
                               Padding="20,20"
                               Clicked="OnButtonClick">
                <!--WidthRequest="200" 
                               HeightRequest="100">-->
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <!-- rest style -->
                        <VisualState x:Name="Normal">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="#D2D2D2"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Focused">
                            <VisualState.Setters>
                                <Setter Property="BorderColor" Value="#5CBF4A"/>
                                <Setter Property="TextColor" Value="White"/>
                                <Setter Property="BorderThickness" Value="2"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="PointerOver">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="Red"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Pressed">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="#A0A0A0"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Disabled">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="Grey"/>
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
            </telerikInput:RadButton>

Button

updated question on 22 Mar 2022

1 answer

461 views

Popup with RadGrid

Hi,

I would like to get small sample when I click on grid a popup will be show with data in MVVM manner.

Thanks,

DataGrid

Popup

updated answer on 21 Mar 2022

2 answers

421 views

Circle button

Hi,

I used this link and i have some problem:

https://docs.telerik.com/devtools/maui/controls/button/howto/button-howto-create-circle-button

 <telerik:RadButton  x:Name="pushedFiles"
                         WidthRequest="120"
                        HeightRequest="120"                                
                        Text="Pulled"
                        FontSize="Micro"
                        TextColor="White"
                         CornerRadius="60" 
                         BorderWidth ="8"
                         BorderColor="Green"
                         BackgroundColor="White"
                         Margin="20"/>

1.Only when I hover the button the text appear.

2.I want when I hover the button border width will be greater and when i get out it go to it normal widg\th.

3.You have mistake with namespace:

Button

answered on 21 Mar 2022

1 answer

282 views

Does RadButton support Focused State?

I want to modify RadButton Focused Border Color and Text Color . Is therea anyway to modify it for now? I found it is black like below screenshot when I use tab or mouse to select button.

Button

answered on 21 Mar 2022