Questions on UI for .NET MAUI Forum

1 answer

832 views

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

103 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

103 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

257 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

1 answer

271 views

Chart - problem with one point - not seen

Hi,

I used this documentation:

https://docs.telerik.com/devtools/maui/controls/chart/axes/axes-datetime-continuous-axis

Chart

answered on 11 Mar 2022

1 answer

191 views

telerik:RadTabView - set specific tab to be active in run time and set it border with red ?

HI,

How to set specific tan in runtime to be active due to error and set it border and text to be red;

Thanks,

TabView

answered on 11 Mar 2022

1 answer

1.8K+ views

Button style hand when mouse over like in css

Hi,

I want to style button with mouse over like in css.

Thanks,

Button

answered on 11 Mar 2022

1 answer

100 views

Gague are cutted

Hi,

  <ContentView.Content>
        <Grid RowDefinitions="auto, auto, auto,*" ColumnDefinitions="*">
            <Grid Grid.Row="0" Grid.Column="0" ColumnDefinitions="*,auto,auto,auto,auto,*" ColumnSpacing="45">
                <telerikGauges:RadRadialGauge x:Name="gaugeTotalFiles" Grid.Column="1" >
                    <telerikGauges:RadRadialGauge.Axis>
                        <telerikGauges:GaugeLinearAxis Maximum="200"
                                     Minimum="0"
                                     Step="25" />
                    </telerikGauges:RadRadialGauge.Axis>
                    <telerikGauges:RadRadialGauge.Indicators>
                        <telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
                        <telerikGauges:GaugeShapeIndicator Value="80" />
                    </telerikGauges:RadRadialGauge.Indicators>
                    <telerikGauges:RadRadialGauge.Ranges>
                        <telerikGauges:GaugeRangesDefinition>
                            <telerikGauges:GaugeRange Color="#03446a"
                                    From="0"
                                    To="200" />
                          </telerikGauges:GaugeRangesDefinition>
                    </telerikGauges:RadRadialGauge.Ranges>
                </telerikGauges:RadRadialGauge>
                <telerikGauges:RadRadialGauge x:Name="gaugePushFiles" Grid.Column="2">
                    <telerikGauges:RadRadialGauge.Axis>
                        <telerikGauges:GaugeLinearAxis Maximum="200"
                                     Minimum="0"
                                     Step="25" />
                    </telerikGauges:RadRadialGauge.Axis>
                    <telerikGauges:RadRadialGauge.Indicators>
                        <telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
                        <telerikGauges:GaugeShapeIndicator Value="80" />
                    </telerikGauges:RadRadialGauge.Indicators>
                    <telerikGauges:RadRadialGauge.Ranges>
                        <telerikGauges:GaugeRangesDefinition>
                            <telerikGauges:GaugeRange Color="#03446a"
                                    From="0"
                                    To="200" />
                        </telerikGauges:GaugeRangesDefinition>
                    </telerikGauges:RadRadialGauge.Ranges>
                </telerikGauges:RadRadialGauge>
                <telerikGauges:RadRadialGauge x:Name="gaugeTotalPulled" Grid.Column="3">
                    <telerikGauges:RadRadialGauge.Axis>
                        <telerikGauges:GaugeLinearAxis Maximum="200"
                                     Minimum="0"
                                     Step="25" />
                    </telerikGauges:RadRadialGauge.Axis>
                    <telerikGauges:RadRadialGauge.Indicators>
                        <telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
                        <telerikGauges:GaugeShapeIndicator Value="80" />
                    </telerikGauges:RadRadialGauge.Indicators>
                    <telerikGauges:RadRadialGauge.Ranges>
                        <telerikGauges:GaugeRangesDefinition>
                            <telerikGauges:GaugeRange Color="#03446a"
                                    From="0"
                                    To="200" />
                        </telerikGauges:GaugeRangesDefinition>
                    </telerikGauges:RadRadialGauge.Ranges>
                </telerikGauges:RadRadialGauge>
                <telerikGauges:RadRadialGauge x:Name="gaugeTotalFailed" Grid.Column="4">
                    <telerikGauges:RadRadialGauge.Axis>
                        <telerikGauges:GaugeLinearAxis Maximum="200"
                                     Minimum="0"
                                     Step="25" />
                    </telerikGauges:RadRadialGauge.Axis>
                    <telerikGauges:RadRadialGauge.Indicators>
                        <telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
                        <telerikGauges:GaugeShapeIndicator Value="80" />
                    </telerikGauges:RadRadialGauge.Indicators>
                    <telerikGauges:RadRadialGauge.Ranges>
                        <telerikGauges:GaugeRangesDefinition>
                            <telerikGauges:GaugeRange Color="#03446a"
                                    From="0"
                                    To="200" />
                        </telerikGauges:GaugeRangesDefinition>
                    </telerikGauges:RadRadialGauge.Ranges>
                </telerikGauges:RadRadialGauge>
            </Grid>
        </Grid>
    </ContentView.Content>

Gauge

answered on 11 Mar 2022

2 answers

169 views

Chart - view model get data from outside

Hi,

I have two RadDateTimePickers and search button I want when I click on button the data on

chart need to be updated.

How I pass datetime picker selection to view model or there is other simple way?

Thanks,

<telerikChart:RadCartesianChart Grid.Row="4" Grid.Column="0">

                <telerikChart:RadCartesianChart.BindingContext>
                    <local:TotalFilesDividedByRoutesDataViewModel />
                </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="RouteName"
                                    ItemsSource="{Binding Data}" />
                </telerikChart:RadCartesianChart.Series>
            </telerikChart:RadCartesianChart>

Chart

DatePicker

TimePicker

answered on 11 Mar 2022

1 answer

113 views

Gague - change values in run time

Hi,

How I change in run time(in code behind):

-GeneralLinerAxis/Maximun property.

-GaugeNeedleIndicator - Value property.

- GaugeShapeIndicator - Value property.

 <telerikGauges:RadRadialGauge x:Name="gaugeTotalFiles"  >
                    <telerikGauges:RadRadialGauge.Axis>
                            <telerikGauges:GaugeLinearAxis Maximum="200"
                                     Minimum="0"
                                     Step="25" />
                    </telerikGauges:RadRadialGauge.Axis>
                    <telerikGauges:RadRadialGauge.Indicators>
                        <telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
                        <telerikGauges:GaugeShapeIndicator Value="80" />
                    </telerikGauges:RadRadialGauge.Indicators>
                    <telerikGauges:RadRadialGauge.Ranges>
                        <telerikGauges:GaugeRangesDefinition>
                            <telerikGauges:GaugeRange Color="#03446a"
                                    From="0"
                                    To="200" />
                          </telerikGauges:GaugeRangesDefinition>
                    </telerikGauges:RadRadialGauge.Ranges>
                </telerikGauges:RadRadialGauge>

Gauge

answered on 10 Mar 2022