Telerik Forums
UI for Xamarin Forum
1 answer
158 views

Hi,

I have a DataGrid that load items using the LoadOnDemand manual approach. When there aren't any items to add how can I hide/disable the "Load more" button.

Best regards

 

 

Yana
Telerik team
 answered on 20 Nov 2018
1 answer
90 views

Hi,

I use a RadSlideView as a "Guide" for creating new users. On the first slide you enter PhoneNumber, on the second slide you enter EmailAddress etc. etc. 

I added validation to ensure that navigation to the next slide is only possible if the current slide is OK. This is done in the "SlidingToIndex" event: If validation fails I set e.Cancel = true;

This is working perfect on Android, but on iPhone the "SlidingToIndex" event is not even called when sliding from the first to the second slide. From second to third slide etc. it is working. 

Is this a bug?

Best regards,

Michael.

Didi
Telerik team
 answered on 20 Nov 2018
5 answers
165 views

I am using RadPieChart inside RadSlideView. there are five views that already bind to RadSlideView.

When i swipe right to the last view and then swipe left to first view. Some Charts disappeared and while other controls appear well.

this is Xaml Code

01.<telerikPrimitives:RadSlideView ItemsSource="{Binding MyItems}" ShowButtons="False" SelectedIndicatorColor="White" IndicatorColor="LightBlue">
02.    <telerikPrimitives:RadSlideView.ItemTemplate>
03.        <DataTemplate>
04.            <Grid Padding="10">
05.                <Grid.RowDefinitions>
06.                    <RowDefinition Height="Auto" />
07.                    <RowDefinition Height="300" />
08.                </Grid.RowDefinitions>
09.                <StackLayout Grid.Row="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
10.                    <Label Text="{Binding Content}"
11.                           TextColor="White"
12.                           HorizontalTextAlignment="Center"
13.                           VerticalOptions="CenterAndExpand" />
14.                </StackLayout>
15. 
16.                <Label  Grid.Row="1" Text="{Binding ChartValue}"
17.                        TextColor="White"
18.                        FontAttributes="Bold"
19.                        BackgroundColor="Transparent"
20.                        FontSize="32"
21.                        HorizontalTextAlignment="Center"
22.                        HorizontalOptions="CenterAndExpand"
23.                        VerticalOptions="CenterAndExpand" />
24. 
25.                <telerikChart:RadPieChart Grid.Row="1" BackgroundColor="Transparent" Palette="{Binding ChartPalette}">
26.                    <telerikChart:RadPieChart.Series>
27.                        <telerikChart:DonutSeries ItemsSource="{Binding Data}" ShowLabels="False"
28.                                                  RadiusFactor="0.9" InnerRadiusFactor="0.7"
29.                                                  ValueBinding="Value"/>
30.                    </telerikChart:RadPieChart.Series>
31.                </telerikChart:RadPieChart>
32.            </Grid>
33.        </DataTemplate>
34.    </telerikPrimitives:RadSlideView.ItemTemplate>
35.</telerikPrimitives:RadSlideView>

this is the ViewModel Code

01.public class MainPageViewModel
02.   {
03.       public MainPageViewModel()
04.       {
05.           MyItems = GetMockData();
06.       }
07. 
08.       public ObservableCollection<MyItem> MyItems { get; set; }
09. 
10.       private ObservableCollection<MyItem> GetMockData()
11.       {
12.           return new ObservableCollection<MyItem>
13.           {
14.               new MyItem
15.               {
16.                   Content = "Comm Fail",
17.                   ChartValue = "29%",
18.                   Data = new ObservableCollection<PieCategoricalData>  {
19.                       new PieCategoricalData { Category = "A", Value = 71 },
20.                       new PieCategoricalData { Category = "B", Value = 29 }
21.                   },
22.                   ChartPalette = GetPalettes("#FFC706")
23.               },
24.               new MyItem
25.               {
26.                   Content = "Flash",
27.                   ChartValue = "8%",
28.                   Data = new ObservableCollection<PieCategoricalData>  {
29.                       new PieCategoricalData { Category = "A", Value = 92 },
30.                       new PieCategoricalData { Category = "B", Value = 8 }
31.                   },
32.                   ChartPalette = GetPalettes("#E94135")
33.               },
34.               new MyItem
35.               {
36.                   Content = "Conflict",
37.                   ChartValue = "1%",
38.                   Data = new ObservableCollection<PieCategoricalData>  {
39.                       new PieCategoricalData { Category = "A", Value = 99 },
40.                       new PieCategoricalData { Category = "B", Value = 1 }
41.                   },
42.                   ChartPalette = GetPalettes("#384CA9")
43.               },
44.               new MyItem
45.               {
46.                   Content = "Disabled",
47.                   ChartValue = "2%",
48.                   Data = new ObservableCollection<PieCategoricalData>  {
49.                       new PieCategoricalData { Category = "A", Value = 98 },
50.                       new PieCategoricalData { Category = "B", Value = 2 }
51.                   },
52.                   ChartPalette = GetPalettes("#BFBFBF")
53.               },
54.               new MyItem
55.               {
56.                   Content = "Police Flash",
57.                   ChartValue = "0%",
58.                   Data = new ObservableCollection<PieCategoricalData>  {
59.                       new PieCategoricalData { Category = "A", Value = 100 },
60.                       new PieCategoricalData { Category = "B", Value = 0 }
61.                   },
62.                   ChartPalette = GetPalettes("#624698")
63.               }
64.           };
65.       }
66. 
67.       private ChartPalette GetPalettes(string colorHexValue)
68.       {
69.           ChartPalette palette = new ChartPalette();
70. 
71.           palette.Entries.Add(new PaletteEntry()
72.           { FillColor = Color.Transparent, StrokeColor = Color.White });
73.           palette.Entries.Add(new PaletteEntry()
74.           { FillColor = Color.FromHex(colorHexValue), StrokeColor = Color.White });
75. 
76.           return palette;
77.       }
78.   }
79.   public class MyItem
80.   {
81.       public string Content { get; set; }
82.       public string ChartValue { get; set; }
83. 
84.       public ChartPalette ChartPalette { get; set; }
85. 
86.       public ObservableCollection<PieCategoricalData> Data { get; set; }
87.   }
88. 
89.   public class PieCategoricalData
90.   {
91.       public object Category { get; set; }
92. 
93.       public double Value { get; set; }
94.   }

 

There is a label that has the same Grid cell of the Chart. i am using this label to display a specific legend series. 

Hady
Top achievements
Rank 2
 answered on 20 Nov 2018
1 answer
130 views
Is there any timeline for getting swiping support for the TabView?
Lance | Senior Manager Technical Support
Telerik team
 answered on 15 Nov 2018
5 answers
125 views

Hi,

Is there any method to schedule an appointment from the calendar. I mean, can I find a control inside Telerik to schedule a meeting with(Meeting title, details, start date/time, end date/time etc.) inside Xamarin Forms?

Lance | Senior Manager Technical Support
Telerik team
 answered on 14 Nov 2018
4 answers
1.0K+ views

Hi There

Recently I have upgraded from Telerik.UI.for.Xamarin.Trial  Version="2018.3.1018.1" to Telerik.UI.for.Xamarin  Version="2018.3.1109.1" . The problem is that it used to show image from URL before upgrade in my android emulator. But now its stopped showing the image in the list view. Not sure where is the problem in my code. Here is the snippet of my code:

<telerikDataControls:RadListView ItemsSource="{Binding VolumeList}" x:Name="listView" ItemTapped="Results_ItemTapped">
            <telerikDataControls:RadListView.ItemTemplate>
                <DataTemplate>
                <telerikListView:ListViewTemplateCell>
                    <telerikListView:ListViewTemplateCell.View>
                        <Grid>
                            <StackLayout Orientation="Horizontal" Spacing="20" >
                                <Image  Source="{Binding ImageUrl}" HeightRequest="70" WidthRequest="70"/>
                                <StackLayout>
                                <Label  Text="{Binding VolumeSubject}" TextColor="Black" />
                                <Label Text="{Binding SpeakerName}" TextColor="Gray" />
                                </StackLayout>
                            </StackLayout>
                        </Grid>
                    </telerikListView:ListViewTemplateCell.View>
                </telerikListView:ListViewTemplateCell>
            </DataTemplate>
            </telerikDataControls:RadListView.ItemTemplate>
            <telerikDataControls:RadListView.LayoutDefinition>
                <telerikListView:ListViewLinearLayout ItemLength="70" />
            </telerikDataControls:RadListView.LayoutDefinition>
        </telerikDataControls:RadListView>

Software
Top achievements
Rank 1
 answered on 14 Nov 2018
3 answers
221 views

I am developing a page contains RadPieChart inside a RadSlideView. When i deploy the application on either iOS 12.1 or Android 8.1 RadPieChart doesn't display and other control works fine.

I am using Xamarin Forms 3.1 and Telerik.UI.For.Xamarin 2018.3.1018.1

i attached the Xaml code and ViewModel Code

Lance | Senior Manager Technical Support
Telerik team
 answered on 14 Nov 2018
14 answers
561 views

Hello,

I'm working on a view where I need to use a couple of picker controls, I can't find any info about a picker control included in Telerik UI for Xamarin, but in the docs I can see the DataForm control includes one, so I would like to use it but without the DataForm itself just the picker in plain XAML, I mean something like:

<telerikInput:RadPicker x:Name="MyRadPicker">

Is this possible?

The buildin xamarin.forms picker works fine but I want to have the same styling abilities in all my controls and using xamarin.forms picker I need to write by hand a custom renderer for just a basic thing like coloring the border.

Attached you can see an image showing how ugly is to use a xamarin.forms picker besides RadEntry, RadCheckBox 

 

 

Lance | Senior Manager Technical Support
Telerik team
 answered on 13 Nov 2018
2 answers
189 views

I'm trying to databind to the SelectedIndex property of the Segmented control but its always returning 0

e.g.:

SelectedIndex="{Binding Item.ExpenseType}"

Where ExpenseType is defined as an int that has corresponding RadSegmentedControl.ItemsSource array, e.g.:

<input:RadSegmentedControl.ItemsSource>
                            <x:Array Type="{x:Type x:String}">
                                <x:String>Credit Card</x:String>
                                <x:String>Cash</x:String>                                
                            </x:Array>
</input:RadSegmentedControl.ItemsSource>

 

Can someone please confirm if this works?

Tony
Top achievements
Rank 1
 answered on 12 Nov 2018
3 answers
221 views

Excuse my poor level of English. :-(

In the attached images, one can see that the graph generated in Android is correct, but in IOS the Y-axis alignment is incorrect.

The code is as follows.

01.<!--Grafico TiempoReal-->
02.                    <Label x:Name="lblConsumRealTime" Style="{StaticResource AppLabelChartTitle} "  Grid.Row="0" Grid.Column="0" />
03.                    <telerikChart:RadCartesianChart  x:Name="chartNeighConsumTimeReal"  Grid.Row ="1" Grid.Column="0"  >       <!--SelectionPaletteName= "LightSelected"-->
04.                        <telerikChart:RadCartesianChart.ChartBehaviors>
05.                            <telerikChart:ChartTooltipBehavior TriggerMode="Tap"/>
06.                        </telerikChart:RadCartesianChart.ChartBehaviors>
07.                        <telerikChart:RadCartesianChart.HorizontalAxis >
08.                            <telerikChart:DateTimeContinuousAxis  LabelFontSize="8" MajorStepUnit="Hour"  LabelFormat="dd hh:mm" LabelFitMode="Rotate"   />
09.                        </telerikChart:RadCartesianChart.HorizontalAxis>
10.                        <telerikChart:RadCartesianChart.VerticalAxis>
11.                            <telerikChart:NumericalAxis/>
12.                        </telerikChart:RadCartesianChart.VerticalAxis>
13.                        <telerikChart:RadCartesianChart.Series>
14.                            <!--Serie 1-->
15.                            <telerikChart:LineSeries   Stroke="Red" StrokeThickness="2" DisplayName="*Elec" ItemsSource="{Binding DataConsumElectricityRealTime}">
16.                                <telerikChart:LineSeries.CategoryBinding>
17.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="DateTimeVal"/>
18.                                </telerikChart:LineSeries.CategoryBinding>
19.                                <telerikChart:LineSeries.ValueBinding>
20.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
21.                                </telerikChart:LineSeries.ValueBinding>
22.                            </telerikChart:LineSeries>
23. 
24.                            <!--Serie 2-->
25.                            <telerikChart:LineSeries   Stroke="Green" StrokeThickness="1" DisplayName="*Thermal" ItemsSource="{Binding DataConsumThermalRealTime}">
26.                                <telerikChart:LineSeries.CategoryBinding>
27.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="DateTimeVal"/>
28.                                </telerikChart:LineSeries.CategoryBinding>
29.                                <telerikChart:LineSeries.ValueBinding>
30.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
31.                                </telerikChart:LineSeries.ValueBinding>
32.                            </telerikChart:LineSeries>
33. 
34.                            <!--Serie 3-->
35.                            <telerikChart:LineSeries   Stroke="Blue"  StrokeThickness="1"    DisplayName="*Gas"  ItemsSource="{Binding DataConsumGasRealTime}">
36.                                <telerikChart:LineSeries.CategoryBinding>
37.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="DateTimeVal"/>
38.                                </telerikChart:LineSeries.CategoryBinding>
39.                                <telerikChart:LineSeries.ValueBinding>
40.                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
41.                                </telerikChart:LineSeries.ValueBinding>
42.                            </telerikChart:LineSeries>
43. 
44.                        </telerikChart:RadCartesianChart.Series>
45. 
46.                    </telerikChart:RadCartesianChart>

How can I have equal alignments?

 

Thank you in advance.


Ignacio
Top achievements
Rank 1
 answered on 12 Nov 2018
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?