Questions on UI for .NET MAUI Forum

0 answers

283 views

Hi,

When I replace this HorizontalStackLayout with FlexLayout all data below HorizontalStackLayout (see screenshot 1) disappear why?

I attached 2 all the view xaml.

 <FlexLayout Direction="Column"
                AlignItems="Center"
                JustifyContent="SpaceEvenly">

          <HorizontalStackLayout  Grid.Row="1" Grid.Column="0"  HorizontalOptions="Center" VerticalOptions="CenterAndExpand" >
                    <telerik:RadButton  x:Name="totalFiles"
                        WidthRequest="140"
                        HeightRequest="80"                                
                        FontSize="Micro"
                        TextColor="Black"
                        BorderWidth ="2"
                        BorderColor="Grey"
                        BackgroundColor="White"
                        Margin="15" 
                        HorizontalContentAlignment="Center"
                        Text="{Binding TotalFiles, Mode=TwoWay}"/>
                    <telerik:RadButton  x:Name="pushFiles"
                        WidthRequest="140"
                        HeightRequest="80"                                
                        FontSize="Micro"
                        TextColor="Black"
                        BorderWidth ="2"
                        BorderColor="Grey"
                        BackgroundColor="White"
                        Margin="15" 
                        HorizontalContentAlignment="Center"
                        Text="{Binding PushedFiles, Mode=TwoWay}"/>
                    <telerik:RadButton  x:Name="pulledFiles"
                        WidthRequest="140"
                        HeightRequest="80"                                
                        FontSize="Micro"
                        TextColor="Black"
                        BorderWidth ="2"
                        BorderColor="Grey"
                        BackgroundColor="White"
                        Margin="15" 
                        HorizontalContentAlignment="Center"
                        Text="{Binding PulledFiles, Mode=TwoWay}"/>
                    <telerik:RadButton  x:Name="failedFiles"
                        WidthRequest="140"
                        HeightRequest="80"                                
                        FontSize="Micro"
                        TextColor="Black"
                        BorderWidth ="2"
                        BorderColor="Grey"
                        BackgroundColor="White"
                        Margin="15" 
                        HorizontalContentAlignment="Center" 
                        Text="{Binding FailedFiles, Mode=TwoWay}"/>
                </HorizontalStackLayout>

General Discussions

updated question on 16 Mar 2022

1 answer

122 views

RadEntry doesn't have the IsPassword property in Maui?

I am investigating the use of UI for .NET Maui and am looking for a password entry control, it seems like RadEntry doesn't support the IsPassword property that I would expect. Is this a planned feature ?

<telerikInput:RadEntry x:Name="txtPassword" Grid.Row="2" WatermarkText="Password" />

Entry

answered on 15 Mar 2022

0 answers

142 views

telerikInput:RadNumericInput =value not seen

Hi,

      <telerikInput:RadNumericInput x:Name="numericInputReecurEvery" Value="{Binding SelectRecursEvery , Mode=TwoWay}" Minimum="0" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>

The value not seen.

Thanks,

Button

asked on 15 Mar 2022

1 answer

701 views

Grid - add and delete row

Hi,

I want sample code of RadDataGrid with option to add a new record and delete record.

The new record template should include RadTabView.

Thanks,

DataGrid

answered on 15 Mar 2022

0 answers

543 views

MAUI - Error

Hi,

I get this error.

It connected to VS preview ?

To project itself ?

To telerik controls ?

How is can be solved ?

Severity	Code	Description	Project	File	Line	Suppression State
Error	NETSDK1047	Assets file 'D:\Applications\Backups\AutomationClient\AutomationClient.MAUI\obj\project.assets.json' doesn't have a target for 'net6.0-ios/ios-arm64'. Ensure that restore has run and that you have included 'net6.0-ios' in the TargetFrameworks for your project. You may also need to include 'ios-arm64' in your project's RuntimeIdentifiers.	AutomationClient.MAUI	C:\Program Files\dotnet\sdk\6.0.200\Sdks\Microsoft.NET.Sdk\targets\Microsoft.PackageDependencyResolution.targets	267

General Discussions

asked on 15 Mar 2022

1 answer

545 views

How do I setup MAUI RadListView ItemTemplate, ItemsSource in C# instead of XAML

All my efforts so far generate errors outside my code.

Here is sample (EntityEntry is a struct with Name and Id properties, Entries is a list of them):

            foreach(string key in dictionary.Keys)
            {
                Entries.Add(new EntityEntry { Name = key, Id = dictionary[key] });
            }

            Grid grid = new Grid();
            Label label = new Label
            {
                FontSize = 15D,
                FontAttributes = FontAttributes.Bold,
            };
            label.SetBinding(Label.TextProperty, "Name");
            grid.Children.Add(label);
            ListViewTemplateCell lt = new ListViewTemplateCell() { View = grid};
            DataTemplate dt = new DataTemplate(() => lt.View);

            EntitiesLv = new RadListView
            {
                Background = Colors.PaleTurquoise,
                HorizontalOptions = LayoutOptions.Fill,
                IsItemsReorderEnabled = false,
                ItemTemplate = dt,
                ItemsSource = Entries,
                LayoutDefinition = new ListViewGridLayout
                {
                    HorizontalItemSpacing = 5D,
                    VerticalItemSpacing = 5D
                },
                LoadOnDemandBufferItemsCount = 5,
                LoadOnDemandMode = LoadOnDemandMode.Automatic,
                Margin = new Thickness(10, 10),
                SelectionMode = SelectionMode.Single,
                VerticalOptions = LayoutOptions.Fill,
                VerticalScrollBarVisibility = ScrollBarVisibility.Default,
            };
            EntitiesLv.GestureRecognizers.Add(new TapGestureRecognizer { Command = ListTapped, NumberOfTapsRequired = 1 });
            EntitiesLv.SelectionChanged += EntitiesLvOnSelectionChanged;

Error occurs if ItemTemplate and ItemsSource are both set, but not if just one is.

All help appreciated.

ListView (obsolete)

answered on 11 Mar 2022

1 answer

842 views

Button - problem with hover text color

Hi.

 <telerik:RadButton Grid.Row="4" Grid.Column ="0" Text="Login" HorizontalOptions="CenterAndExpand" VerticalOptions="Center" Clicked="OnLoginClicked"/>

<Color x:Key="PrimaryColor">#03446a</Color>
            <Color x:Key="SecondaryColor">White</Color>

 <Style TargetType="telerik:RadButton">
                <Setter Property="TextColor" Value="{DynamicResource SecondaryColor}" />
                <Setter Property="FontFamily" Value="OpenSansRegular" />
                <Setter Property="BackgroundColor" Value="{DynamicResource PrimaryColor}" />
                <Setter Property="Padding" Value="14,10" />
             </Style>

When I open login I get this look,

When I hover it the text become black why ?

Button

answered on 11 Mar 2022

1 answer

109 views

Online Chart

Hi,

I want sample code that show chart that updated when new record inserted

Axis x - the number of records

Axis Y - how many records inserted in particular time

Thanks in advance,

Chart

answered on 11 Mar 2022

1 answer

111 views

telerikInput:RadDateTimePicker - look too big

Hi,

1.telerikInput:RadDateTimePicker - look too big.

2. Text is on two lines i want to be on one line.

    <Label Text="From:" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
                <telerikInput:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Margin="10" HeightRequest="50" WidthRequest="150"   />

DatePicker

TimePicker

answered on 11 Mar 2022

1 answer

276 views

RadListPicker - some problems

Hi,

I tried to find combo box and I found this control in your documentation

1. The is too big, how I make it smaller when it open.

2.I do not see the values inside.

3.How I center the selected value.

4.Screenshhot.

  public class ResultsItemsViewModel
    {
        public ObservableCollection<ResultsItem> ResultsItems { get; set; }
        public ResultsItemsViewModel()
        {
            this.ResultsItems = new ObservableCollection<ResultsItem>()
            
            {
              new ResultsItem { Value = "OK" },
              new ResultsItem { Value = "Failed" },
             };
        }
    }

 <HorizontalStackLayout Grid.Row="1" Grid.Column="0" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Margin="10">
                <Label Text="Results:"/>
                <telerikInput:RadListPicker Placeholder="Select Result" HeightRequest="30"
                          ItemsSource="{Binding ResultsItems}"
                          DisplayMemberPath="Value"
                         SelectionChanged="OnResultsSelectionChanged">
                    <telerikInput:RadListPicker.BindingContext>
                        <local:ResultsItemsViewModel/>
                    </telerikInput:RadListPicker.BindingContext>
                </telerikInput:RadListPicker>
            </HorizontalStackLayout>

ListPicker

answered on 11 Mar 2022