Questions on UI for Xamarin Forum

1 answer

183 views

How to add different color for each data point (Bar)

Hi, I am Implementing the Bar series, I am able to draw the Bars, But I need to apply different colors to each bar. I've tried like below but no use.

        ChartPalette customPalette = chartView.Palette.ClonePalette();
            PaletteEntry barEntry = customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry = customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry.Fill = Color.Black;

            PaletteEntry barEntry1 = customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry1= customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry1.Fill = Color.Red;

            PaletteEntry barEntry2 = customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry2  = customPalette.GetEntry(ChartPalette.BarFamily);
            barEntry2 .Fill = Color.Yellow;

            barSeries.CategoryBinding = new MonthResultDataBinding("Index");
            barSeries.ValueBinding = new MonthResultDataBinding("BarValue");
            barSeries.Data = (Java.Lang.IIterable)this.monthResults;
            chartView.Series.Add(barSeries);
            chartView.Palette = customPalette;

Any help on adding different color for each data point.

Chart

Chart - Xamarin.Android

answered on 05 Jul 2023

1 answer

156 views

Issue with RadBorder Control not working correctly on iOS

Hello,

I am encountering an issue with the RadBorder control in Xamarin.Forms on iOS devices. The RadBorder control is not rendering correctly, and its properties such as Margin and CornerRadius are not being applied on iOS. I have tested the code on Android devices, where it functions as expected.

Here is a snippet of the XAML code that demonstrates the issue:

                            <telerikDataControls:RadListView x:Name="TaskList" 
                                                             Grid.Row="1"
                                                             IsItemSwipeEnabled="True"
                                                             ItemSwipeCompleted="TaskList_ItemSwipeCompleted"
                                                             SelectionChanged="TaskList_SelectionChanged"                                                   
                                                             SelectionMode="Single" 
                                                             SelectionGesture="Tap"            
                                                             SwipeOffset="50, 0, 50, 0" 
                                                             SwipeThreshold="10"
                                                             HeightRequest="30"
                                                             RefreshRequested="TaskList_RefreshRequested"
                                                             IsPullToRefreshActive="True"
                                                             IsPullToRefreshEnabled="True"
                                                             VerticalOptions="FillAndExpand"
                                                             BackgroundColor="LightGray" >
                                <telerikDataControls:RadListView.ItemTemplate >
                                    <DataTemplate>
                                        <telerikListView:ListViewTemplateCell >
                                            <telerikListView:ListViewTemplateCell.View>
                                                <Grid >
                                                    <telerikPrimitives:RadBorder BorderColor="#268ecd" Margin="3,6" BorderThickness="0" CornerRadius="18" >
                                                        <StackLayout Orientation="Horizontal" 
                                                                 Style="{StaticResource ListItem}" 
                                                                 VerticalOptions="FillAndExpand" 
                                                                 Padding="0" 
                                                                 BackgroundColor="White">
                                                            <BoxView BackgroundColor="{Binding CriticalityColors}" WidthRequest="7" HeightRequest="10" HorizontalOptions="Start"/>
                                                            <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" Spacing="0" Padding="0, 15">
                                                                <StackLayout Orientation="Vertical" HorizontalOptions="StartAndExpand" Spacing="5">
                                                                    <Label Text="{Binding TaskLabel}" Style="{StaticResource ListHeader}" TextColor="{StaticResource LightBlueColor}" />
                                                                    <Label Text="{Binding TargetLabel}" Style="{StaticResource ListInfo}" TextColor="{StaticResource GreyColor}" />
                                                                </StackLayout>
                                                                <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" Spacing="5">
                                                                    <Label Text="{Binding CategoryDesc}" Style="{StaticResource ListInfo}" IsVisible="True" TextColor="{StaticResource GreyColor}" Padding="0, 5" HorizontalOptions="StartAndExpand"/>
                                                                    <Label x:Name="DesComplLbl" Text="{Binding DesComplDateParenthesis}" Style="{StaticResource ListInfo}" IsVisible="False" BindingContextChanged="DesComplLbl_BindingContextChanged" HorizontalOptions="End"  Padding="0, 5"/>
                                                                </StackLayout>
                                                            </StackLayout>
                                                            <Image x:Name="statusImg" HorizontalOptions="End" Source="{Binding StatusImage}" Margin="0,0,0,10"/>
                                                        </StackLayout>
                                                    </telerikPrimitives:RadBorder>
                                                </Grid>
                                            </telerikListView:ListViewTemplateCell.View>
                                        </telerikListView:ListViewTemplateCell>
                                    </DataTemplate>
                                </telerikDataControls:RadListView.ItemTemplate>
                                <telerikDataControls:RadListView.ItemSwipeContentTemplate>

I have also provided below the Expected Output (Android) and the Incorrect Output (iOS)

Also there is an other issue for the IOS that when i Load the List for the first time the spacing behaves irregularly but after i refresh it the spacing returns to normal

I would appreciate any guidance or assistance in resolving this problem. Please let me know if you need any additional information or code samples.

Thank you for your support.

Border

ListView

ListView - Xamarin.Android

ListView - Xamarin.iOS

answered on 04 Jul 2023

0 answers

141 views

RadSideDrawer Drawer content is not fully visible for Android Low resolution devices(image attached)

The RadSideDrawer Drawer content is not fully visible for Android Low resolution devices. With the below same code for iOS there is not problem for any resolutions. And correct layout & incorrect layout snapshot also attached for the issue. Please help on this.

Thanks

ListView

SideDrawer

asked on 29 Jun 2023

1 answer

336 views

Button Click effect

Is there a way to set a button click effect when a user taps on the RadButton?

Button

answered on 28 Jun 2023

0 answers

113 views

How to read selectedPoint.DataItem in RadCartesianChartView

Hi,

I'm trying to read the value of selectedPoint.DataItem in RadCartesianChartView when selecting the bar.

DataPoint selectedPoint = e.P0.SelectedDataPoint();
var dataItem = selectedPoint.DataItem;

Casting the dataItem to C# object like

public class CastJavaObject
    {
        public static T Cast<T>(Java.Lang.Object? obj) where T : class
        {
            var propInfo = obj.GetType().GetProperty("Instance");
            return propInfo == null ? null : propInfo.GetValue(obj, null) as T;
        }
    }

and using the CastJavaObject like

var poco = CastJavaObject.Cast<Result>(dataItem);

The problem is Casting the dataItem always null. Any help on reading the dataItem values.

Thanks.

Chart

Chart - Xamarin.Android

updated question on 13 Jun 2023

1 answer

125 views

RadCartesianChartView selection

Hi,

I've added 3 different bar series to RadCartesianChartView and added ChartSelectionBehavior like

 RadCartesianChartView chartView = new RadCartesianChartView(this);
 BarSeries barSeries = new BarSeries();
 BarSeries barSeries1 = new BarSeries();
 BarSeries barSeries2 = new BarSeries();

barSeries.CombineMode = ChartSeriesCombineMode.Stack;
barSeries.CategoryBinding = new MonthResultDataBinding("Month");
barSeries.ValueBinding = new MonthResultDataBinding("Result");
barSeries.SelectedFillColor = Color.Green;
barSeries.SelectedStrokeColor = Color.Red;
barSeries.SelectedStrokeWidth = 5;
barSeries.Data = (Java.Lang.IIterable)this.monthResults;
chartView.Series.Add(barSeries);

barSeries1.CombineMode = ChartSeriesCombineMode.Stack;
barSeries1.CategoryBinding = new MonthResultDataBinding("Month");
barSeries1.ValueBinding = new MonthResultDataBinding("Result1");
barSeries1.SelectedFillColor = Color.Blue;
barSeries1.SelectedStrokeColor = Color.Red;
barSeries1.SelectedStrokeWidth = 5;
barSeries1.Data = (Java.Lang.IIterable)this.monthResults;
chartView.Series.Add(barSeries1);

barSeries2.CombineMode = ChartSeriesCombineMode.Stack;
barSeries2.CategoryBinding = new MonthResultDataBinding("Month");
barSeries2.ValueBinding = new MonthResultDataBinding("Result2");
barSeries2.SelectedFillColor = Color.Orange;
barSeries2.SelectedStrokeColor = Color.Red;
barSeries2.SelectedStrokeWidth = 5;
barSeries2.Data = (Java.Lang.IIterable)this.monthResults;
chartView.Series.Add(barSeries2);

ChartSelectionBehavior selectionBehavior = new ChartSelectionBehavior();
selectionBehavior.DataPointsSelectionMode = ChartSelectionMode.Single;
chartView.Behaviors.Add(selectionBehavior);

While selecting the bar it selects only one barseries value. How can I select the 3 barseries values on single click.

Chart

Chart - Xamarin.Android

answered on 07 Jun 2023

0 answers

313 views

Xamarin Forms - Rad ListView iOS 16

Hi,

List view is not rendering on the iphone/Simulator with iOS 16

When i try to load it on ipad with ios14, it was working fine.

I see below errors in output when debugging in VS2022

*** Assertion failure in -[TKCollectionView _Bug_Detected_In_Client_Of_UICollectionView_Invalid_Batch_Updates:], UICollectionView.m:10064
*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Invalid batch updates detected: the number of sections and/or items returned by the data source before and/or after performing the batch updates are inconsistent with the updates.

Please advise if this is known issue.

Xamarin Control Version - 2021.1.413.0

iOS SDK - 16.4/15.5

Thank you

Balwinder

ListView - Xamarin.iOS

asked on 06 Jun 2023

1 answer

116 views

Horizontal scroll for RadCartesianChartView

Hi Team,

Could you please help me how to scroll the RadCartesianChartView horizontally in Xamarin.Android.

Thank you!

Chart

Chart - Xamarin.Android

answered on 30 May 2023

19 answers

1.5K+ views

Font asset not found

I keep running into:
Java.Lang.RuntimeException: Font asset not found Fonts/telerikfont.ttf

When trying to access any page with an AutoCompleteView.
I'm not sure why this started happening. This used to work fine and I never had to include any sort of Telerik fonts in my project, nor do I reference any. I tried downloading the font and including it where it wanted (Assets/Fonts/telerikfont.ttf) and it still barks at me as if it doesn't see it.

AutoCompleteView

answered on 11 May 2023

0 answers

155 views

RadListView Pull To Refresh not work on iOS

Hi, I have an issue with RadListView Pull To Refresh, it doesn't work for iOS after using MyControl. MyControl opens RadPopup.

Down below-written sommelier code, please help to fix the issue.

<Grid VerticalOptions="FillAndExpand" HorizontalOptions ="FillAndExpand" RowSpacing="0" BackgroundColor="Red">
<Grid.RowDefinitions>
<RowDefinition Height="{x:Static resource:UiConst.ViewSize45}"/>
<RowDefinition Height="{x:Static resource:UiConst.ViewSize1}"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackLayout Grid.Row="0" Margin="10, 3, 0, 0" >
//do something
</StackLayout>

<BoxView Grid.Row="1" />

<datacontrols:RadListView x:Name="listview" BackgroundColor="Azure" Margin="0, 0, 0, 1"
Grid.Row="2" HorizontalOptions = "FillAndExpand" VerticalOptions = "StartAndExpand"
IsItemSwipeEnabled="True"
ItemSwipeCompleted="OnItemSwipeCompleted"
ItemSwipeStarting ="Listview_ItemSwipeStarting"
ItemsSource="Item"
SelectionMode="None"
ItemTapped="ItemTapped"
SwipeOffset="75,0,0,0" SwipeThreshold="10"
RefreshRequested="RadListView_RefreshRequested"
IsPullToRefreshEnabled="True" IsPullToRefreshActive="false">
<datacontrols:RadListView.ItemTemplate>
<DataTemplate>
<listview:ListViewTemplateCell>
<listview:ListViewTemplateCell.View>
<Grid HorizontalOptions="FillAndExpand" VerticalOptions="Center" Margin="0, 0, 0, -5">
<Grid.BackgroundColor>
<Binding Path="ReadTimeStamp" Mode="TwoWay">
<Binding.Converter>
<conv:NullToObjectConverter x:TypeArguments="Color"
NullObject="blue"
NotNullObject="white"/>
</Binding.Converter>
</Binding>
</Grid.BackgroundColor>

<Grid.RowDefinitions>
<RowDefinition Height="70"/>
<RowDefinition Height="1"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="80"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="80"/>
</Grid.ColumnDefinitions>

<Frame Grid.Column="0" Grid.Row="0" Margin="10, 5, 10, 0" >

ListView - Xamarin.iOS

updated question on 07 Apr 2023