Questions on UI for .NET MAUI Forum

0 answers

695 views

Hi,

When I run this login page without popup is OK.

But When I add it to the content page he throw exception in runtime , why ?

System.NullReferenceException: 'Object reference not set to an instance of an object.'

Thanks,

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="AutomationClient.MAUI.LoginPage"
             xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:telerik="clr-namespace:Telerik.Maui.Controls;assembly=Telerik.Maui.Controls"
             xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.Maui.Controls.Compatibility" 
              xmlns:telerikMauiControls="clr-namespace:Telerik.Maui.Controls;assembly=Telerik.Maui.Controls">
    <Grid>
      
        <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="110"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="450"/>
            <RowDefinition Height="130"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="350"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Image  Grid.Row="0" Grid.RowSpan="4" Grid.ColumnSpan="3" Source="loginbackground.png" Aspect="Fill"/>
        <Image  Grid.Row="0" Grid.RowSpan="4" Source="gslogo.png" WidthRequest="250" HeightRequest="110"/>
   
        <telerik:RadBorder Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" BorderColor="AliceBlue" BorderThickness="2"  HorizontalOptions="Center" VerticalOptions="Center" CornerRadius="15, 5, 15, 5">
            <Grid BackgroundColor="White" RowSpacing="25" RowDefinitions="Auto,Auto,Auto,Auto,Auto, Auto,Auto,Auto,Auto">
                <Label  Grid.Row="0" Grid.Column ="0"  Text="Automation Client"  FontSize="Large" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" />
                <Label Grid.Row="1" Grid.Column ="0"  Text="Login"  FontSize="Title" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
                <Entry Grid.Row="2" Grid.Column ="0" x:Name="txtName" Placeholder="User Name" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" WidthRequest="200" />
                <Entry Grid.Row="3" Grid.Column ="0"   x:Name="txtPassword" Placeholder="Password"  HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" WidthRequest="200" IsPassword="True"  />
                <telerik:RadButton Grid.Row="4" Grid.Column ="0" Text="Login" HorizontalOptions="CenterAndExpand" VerticalOptions="Center" Clicked="OnLoginClicked"/>
                
                 <telerikPrimitives:RadBusyIndicator Grid.Row="7" Grid.Column ="0" x:Name="busyIndicator" IsVisible="false"
                                  AnimationContentHeightRequest="100"
                                  AnimationContentWidthRequest="100"
                                  AnimationContentColor="{DynamicResource PrimaryColor}"
                                                    IsBusy="false">
                    <telerikPrimitives:RadBusyIndicator.Content>
                        <Label Text="Loading..." TextColor="Black" />
                    </telerikPrimitives:RadBusyIndicator.Content>
                </telerikPrimitives:RadBusyIndicator>
            </Grid>
        </telerik:RadBorder>
        <Image  Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="3" Margin="0,0,0,10" Opacity="0.7" Source="wave.png" Aspect="Fill"/>
        </Grid>

        <telerikPrimitives:RadPopup.Popup Margin="10" Grid.Row="1" >
            <telerikPrimitives:RadPopup x:Name="popupError"
                                  IsModal="True"
                                  OutsideBackgroundColor="#6F000000"
                                            Placement='Center'>
                <telerikMauiControls:RadBorder CornerRadius="8"
                                         BackgroundColor="{DynamicResource PrimaryColor}">
                    <telerikMauiControls:RadScrollView >
                        <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="{DynamicResource PrimaryColor}" TextColor="White" />
                            <Label x:Name="labelError" Grid.Row="1" Text="" TextColor="White" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
                        </Grid>
                    </telerikMauiControls:RadScrollView>
                </telerikMauiControls:RadBorder>
            </telerikPrimitives:RadPopup>
        </telerikPrimitives:RadPopup.Popup>

    </Grid>
  
</ContentPage>

Popup

updated question on 10 Mar 2022

1 answer

283 views

Expander control - do you have control like that ?

Hi,

Expander control - do you have control like that ?

Thanks,

General Discussions

answered on 10 Mar 2022

1 answer

97 views

Moving from preview to relase

Hi,

What are steps for moving project MAUI in preview + telerik controls to release ?

Thanks,

General Discussions

answered on 10 Mar 2022

1 answer

112 views

Chart is not look OK

Hi,

I used your document: https://docs.telerik.com/devtools/maui/controls/chart/chart-getting-started

And the chart not look ok, it get out of view in the bottom I want to see the name properly.

<ContentView.Content>
        <Grid RowSpacing="25" RowDefinitions="auto, auto, auto,auto, auto,*" ColumnDefinitions="*">
           
            <Label Grid.Row="3" Grid.Column="0" Text="Total Files Divided By Routes" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
            <telerikChart:RadCartesianChart Grid.Row="4" Grid.Column="0">
                <telerikChart:RadCartesianChart.BindingContext>
                    <local:CategoricalDataViewModel />
                </telerikChart:RadCartesianChart.BindingContext>
                <telerikChart:RadCartesianChart.HorizontalAxis>
                    <telerikChart:CategoricalAxis PlotMode="OnTicks"
                                    MajorTickInterval="2"
                                    GapLength="0.5"/>
                </telerikChart:RadCartesianChart.HorizontalAxis>
                <telerikChart:RadCartesianChart.VerticalAxis>
                    <telerikChart:NumericalAxis LabelFitMode="MultiLine" />
                </telerikChart:RadCartesianChart.VerticalAxis>
                <telerikChart:RadCartesianChart.Series>
                    <telerikChart:BarSeries ValueBinding="Value"
                                    CategoryBinding="Category"
                                    ItemsSource="{Binding Data}" />
                </telerikChart:RadCartesianChart.Series>
            </telerikChart:RadCartesianChart>
        </Grid>
    </ContentView.Content>

Chart

answered on 10 Mar 2022

1 answer

390 views

telerik:RadTabView - change the background of the selected TabViewItem

Hi,

How to change he background of the selected TabViewItem?

Thanks,

TabView

answered on 10 Mar 2022

1 answer

88 views

Grid - documentation - spelling mistake

Hi,

You have spelling mistake see:

DataGrid

answered on 10 Mar 2022

1 answer

542 views

DateTimePicker - get value in runtime

Hi,

How I take the value of DateTimePicker in run time when I press on other button.

Thanks,

DatePicker

TimePicker

answered on 10 Mar 2022

1 answer

89 views

Chart namespace not complied

Hi,

Chart

answered on 09 Mar 2022

0 answers

119 views

Rad Data Grid not loaded only after second click

Hi,

Problem:When I lick on button outside the grid only on second click I get data? why?

var historyReportViewModel = new HistoryReportViewModel();
        var historyReportResults = historyReportViewModel.CreateHistotyReport(resultsSelection, portalSelection, fromDateTimeSelection,
             selectionTypeSelection, routeSelection, toDateTimeSelection);resultsDataGrid.ItemsSource = historyReportResults;

 <telerikDataGrid:RadDataGrid Grid.Row="4" Grid.Column="0" x:Name="resultsDataGrid" Margin="10"
                AutoGenerateColumns="False">
                <telerikDataGrid:RadDataGrid.BindingContext>
                    <local:HistoryReportViewModel />
                </telerikDataGrid:RadDataGrid.BindingContext>
                <telerikDataGrid:RadDataGrid.Columns>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Succeded" HeaderText="Succeded"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Type" HeaderText="Type"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="EndTime" HeaderText="End Time"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="File" HeaderText="File"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Route" HeaderText="Route"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="FailedFolder" HeaderText="FailedFolder"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Portal" HeaderText="Portal"/>
                </telerikDataGrid:RadDataGrid.Columns>
            </telerikDataGrid:RadDataGrid>