Telerik Forums
UI for Xamarin Forum
9 answers
444 views

Hey guys,

I am currently implementing a custom renderer for my xamarin.forms ios application. I want to scroll to the bottom of the Listview but currently I don't see a way to do this.

I tryed to use the "ScrollToItem" method, but to use this method i need the indexpath of the last cell in my Listview and I don't know how to get this.

could you help me to solve this problem?

 

Best regards

Julian

Lance | Senior Manager Technical Support
Telerik team
 answered on 13 Apr 2017
6 answers
222 views

Everywhere in the documentation it says it works, but I can't get it working. I'm trying to use this in my UWP emulator and the ListView shows up (I see a background color), but no items. I've tried using my personal project as well as sample code from the Telerik help pages on the control. No matter which I try, I don't get anything to show up in the list. Here is one of the code samples I tried:

XAML

    <telerikDataControls:RadListView x:Name="lstTopics" VerticalOptions="Fill" HorizontalOptions="Fill" BackgroundColor="Yellow">
        <telerikDataControls:RadListView.ItemTemplate>
            <DataTemplate>
                <telerikListView:ListViewTemplateCell>
                    <telerikListView:ListViewTemplateCell.View>

                        <Label Text="This is a row" TextColor="Black" BackgroundColor="Blue" />

                    </telerikListView:ListViewTemplateCell.View>
                </telerikListView:ListViewTemplateCell>
            </DataTemplate>
        </telerikDataControls:RadListView.ItemTemplate>
    </telerikDataControls:RadListView>

 

Code Behind

lstTopics.ItemsSource = new ObservableCollection<string> { "one", "two", "three" };

 

Any ideas or a sample project I can download that works?

Thanks,

Jim

Jim
Top achievements
Rank 1
 answered on 13 Apr 2017
2 answers
109 views

I've been looking at the roadmap.

http://www.telerik.com/support/whats-new/xamarin-ui/roadmap

* TabView (probably won't use)

* Rating (may be useful)

* Linear Gauge (useful)

* BusyIndicator (Why? lots of excellent open source offerings for this)

* SildeView (if it's a reliable alternative to CarouselView then it may be very useful)

 

What about the existing controls? are there any enhancements coming to the listview which lacks group footers, contextmenu and gesture support like long press.Also UWP listview performance is not great.

While some of these controls are useful the existing controls also need extra attention.

 

Any feedback would be appreciated.

 

 

N Mackay
Top achievements
Rank 1
 answered on 13 Apr 2017
1 answer
168 views

Hi, 

When tried creating a gauge, it takes half the space and rest of the space is empty since it starts from 180 and sweeps 180. I would like not to have the empty space. How can I achieve it?

C# Code:-

var circularGauge = new RadRadialGauge
                {
                    
                    Indicators ={
                        new GaugeNeedleIndicator {
                            Value = selectedMyAnalyticsSummary.MDM,
                            Fill = Color.FromHex("#666"),
                            Position = GaugeElementPosition.Start
                        }
                    },
                    Axis = new GaugeLinearAxis
                    {
                        Minimum = 0,
                        Maximum = 100,
                        Step = 100,
                        StrokeThickness = 0,
                        TickThickness = 0,
                        TextColor = Color.Gray,
                        LabelPosition = GaugeElementPosition.Start,
                        TickPosition = GaugeElementPosition.Start,
                        LabelOffset = 25,
                        FontSize = Device.GetNamedSize(NamedSize.Small,typeof(Label))
                    },
                    AnimationSettings = {
                        Easing = Easing.CubicOut
                    },
                    StartAngle = 180,
                    SweepAngle = 180
                };

                circularGauge.Ranges.Ranges.Add(new GaugeRange { From = 0, To = 20, Color = CommonStrings.GetRatingColor("1") });
                circularGauge.Ranges.Ranges.Add(new GaugeRange { From = 20, To = 40, Color = CommonStrings.GetRatingColor("2") });
                circularGauge.Ranges.Ranges.Add(new GaugeRange { From = 40, To = 60, Color = CommonStrings.GetRatingColor("3") });
                circularGauge.Ranges.Ranges.Add(new GaugeRange { From = 60, To = 80, Color = CommonStrings.GetRatingColor("4") });
                circularGauge.Ranges.Ranges.Add(new GaugeRange { From = 80, To = 100, Color = CommonStrings.GetRatingColor("5") });

 

Thanks

Petar Marchev
Telerik team
 answered on 13 Apr 2017
5 answers
81 views

I want to show 4 gauges that occupy as much space as available  . I have created a grid with two rows and two columns with size *.

I would expect they would occupy a quarter of the screen but they are show very small in the top left corner. How can I show them occupying a quarter of the screen?

My grid:

<Grid BackgroundColor="Pink" Padding="1">        <Grid.RowDefinitions>            <RowDefinition Height="*" />            <RowDefinition Height="*" />        </Grid.RowDefinitions>        <Grid.ColumnDefinitions>            <ColumnDefinition Width="*"/>            <ColumnDefinition Width="*"/>        </Grid.ColumnDefinitions> etc..

Michel
Top achievements
Rank 1
 answered on 13 Apr 2017
1 answer
142 views

Hi,

How to display legends? and ChartTooltipBehavior is not working. what am I doing wrong here? P.S. I'm using the trial version.

in C#:

var pieChart = new RadPieChart
                    {
                        HeightRequest = 300,
                        Palette = customColor,
                        SelectionPalette = customSelectedColor,

                    };

                    pieChart.Behaviors.Add(new ChartTooltipBehavior
                    {
                        TriggerMode = ToolTipTriggerMode.Tap,
                    });
                    var series = new PieSeries
                    {
                        ItemsSource = ChartData,
                        ShowLabels = true,
                    };
                    //series.LabelBinding = new PropertyNameDataPointBinding("Name");
                    series.ValueBinding = new PropertyNameDataPointBinding("Value");

                    pieChart.Series.Add(series);

Thanks

Nikolay
Telerik team
 answered on 13 Apr 2017
4 answers
146 views

Hi,

I have added the Nugget package Telerik.Ui.for.Xamarin 2017.1.1220.4 to my Xamarin Forms solution to all projects.

To my XamI I have added the namespaces:

xmlns:telerikCommon="clr-namespace:Telerik.XamarinForms.Common;assembly=Telerik.XamarinForms.Common"

xmlns:telerikGauges="clr-namespace:Telerik.XamarinForms.DataVisualization.Gauges;assembly=Telerik.XamarinForms.DataVisualization"

as instructed in the getting started: http://docs.telerik.com/devtools/xamarin/controls/gauge/getting-started/gauge-getting-started

All works fine and I can show some gauges.

Now I want to add some a telerikGauges:GaugeBarIndicator or a telerikGauges:GaugeRangeBarIndicator to my xaml but I get an error:

 "Type telerikGauges:GaugeBarIndicator not found in xmlns clr-namespace:Telerik.XamarinForms.DataVisualization.Gauges;assembly=Telerik.XamarinForms.DataVisualization"

I am using compiled xaml. What am I missing here? Do I need to add some ExportRenderer like RadCartesianChart? There is nothing to be found in the documentation about this.

Is there an XF example project with gauges I can download? That would be helpful.

 

 

 

Michel
Top achievements
Rank 1
 answered on 13 Apr 2017
1 answer
277 views

Hi,

I was trying to apply palette for each column a unique color similar to chart.  And also ChartTrackBallBehavior is not working, what am I doing wrong here? P.S. I'm using trial version.

Code in C#:-

var barChart = new RadCartesianChart
                    {
                        HeightRequest = 300,
                        HorizontalAxis = new CategoricalAxis(),
                        VerticalAxis = new NumericalAxis
                        {
                            Minimum = 0,
                            Maximum =100
                        },
                        Palette = customColor,
                        SelectionPalette = customSelectedColor,

                    };

                    barChart.Behaviors.Add(new ChartTrackBallBehavior
                    {
                        ShowTrackInfo = true,
                    });
                    var series = new BarSeries
                    {
                        ItemsSource = ChartData
                    };
                    series.CategoryBinding = new PropertyNameDataPointBinding("Name");
                    series.ValueBinding = new PropertyNameDataPointBinding("Value");

                    barChart.Series.Add(series);

Lance | Senior Manager Technical Support
Telerik team
 answered on 12 Apr 2017
1 answer
165 views

Hi everyone!

 

Please, can you show me an example of the working of Load on Demand and Loading Indicator, but only in code-behind?

 

I'm can't do these working on my project.

 

Much thanks if anyone help me!

Lance | Senior Manager Technical Support
Telerik team
 answered on 12 Apr 2017
1 answer
177 views

here is my code

i am not sure why the exact code is working in android as expected not in iOS. Also what's weird is that only the Y axis is not showing.

 

 

        <telerikChart:RadCartesianChart Grid.Row="1" IsVisible="{Binding IsDataLoaded}" >
            <!-- axis-->
            <telerikChart:RadCartesianChart.HorizontalAxis>
                <telerikChart:CategoricalAxis  LabelFitMode="Rotate"/>
            </telerikChart:RadCartesianChart.HorizontalAxis>
            <telerikChart:RadCartesianChart.VerticalAxis>
                <telerikChart:NumericalAxis LabelFitMode="Rotate" LabelFormat="P0" />
            </telerikChart:RadCartesianChart.VerticalAxis>

            <!-- series -->
            <telerikChart:RadCartesianChart.Series>
                <telerikChart:BarSeries CategoryBinding="Month"  LabelFormat="{}{0:P1}" ShowLabels="True"
                            ValueBinding="ValueRaw"
                            ItemsSource="{Binding UtilizationSeries}" />

            </telerikChart:RadCartesianChart.Series>
        </telerikChart:RadCartesianChart>

 

Tsvyatko
Telerik team
 answered on 12 Apr 2017
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?