Telerik Forums
UI for Xamarin Forum
1 answer
162 views

Hi,

I signed up for a trial of UI for Xamarin. I added Telerik NuGet server as described in http://docs.telerik.com/devtools/xamarin/installation-and-deployment/telerik-nuget-server, but I am not able to connect.

In Visual Studio I get a popup asking me to login, but my Telerik credentials do not work.

Thanks.

Mikhail
Top achievements
Rank 1
 answered on 04 Jul 2017
7 answers
140 views

In my application I may have multiple select list on a single screen.  I do not know how many before the user launches the application.  My view is showing all of my data just fine.  However on the iOS only, it is not displaying the selecteditems in my "inside " list view.  When I leave the page and save results the data is correctly saving.  Additional note  If a listview item, isselected = true then on tapping it twice to set it back to false the selection changed does fire.

<?xml version="1.0" encoding="utf-8" ?>
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
             xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
             x:Class="LeadPod_FORMS.View.ActiveSurveyView"
             Style="{StaticResource backgroundStyle}">
  
    <Grid Margin="5,0,5,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="*" />
            <!--<RowDefinition Height="*" />-->
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" Style="{StaticResource headerStyle}">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Row="0" Grid.Column="0" x:Name="LogOutBtn" Image="backArrow.png" Style="{StaticResource headerBackStyle}" HorizontalOptions="Start" Clicked="SaveBtnClick" />
            <Image Grid.Row="0" Grid.Column="1" Source="headerlogo.png" HorizontalOptions="Center" />
            <BoxView Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3" BackgroundColor="#37225a" />
            <Label Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding surveyTitle}" Margin="20,0,0,0" VerticalOptions="Center" HorizontalOptions="Start" FontAttributes="Bold" Style="{StaticResource emailHeaderLabelStyle}" />
            <Label Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Text="{Binding emailAddress}" Margin="0,0,20,0" VerticalOptions="Center" HorizontalOptions="End" Style="{StaticResource emailHeaderLabelStyle}" />
        </Grid>
    <telerikDataControls:RadListView x:Name="surveyListView" SelectionMode="None" Style="{StaticResource listViewStyle}" ItemsSource="{Binding Qualifiers}" Grid.Row="1">
      <telerikDataControls:RadListView.ItemStyle>
        <telerikListView:ListViewItemStyle  BorderColor="Transparent" BorderWidth="5" BorderLocation="Bottom"/>
      </telerikDataControls:RadListView.ItemStyle>
      <telerikDataControls:RadListView.ItemTemplate>
        <DataTemplate>
          <telerikListView:ListViewTemplateCell>
            <telerikListView:ListViewTemplateCell.View>
              <StackLayout>
                                <StackLayout Orientation="Horizontal" Style="{StaticResource menuBarStyle}" Margin="0" IsEnabled="{Binding isContact}" IsVisible="{Binding isContact}">
                                    <StackLayout Spacing="0">
                                        <Label x:Name="ScanFullName" Text="{Binding ScanFullName}" Style="{StaticResource contactNameLabelStyle}" />
                                        <Label x:Name="ScanTitleLbl" Text="{Binding ScanTitle}" Style="{StaticResource contactCompanyLabelStyle}" />
                                        <Label x:Name="ScanCompanyName" Text="{Binding ScanCompanyName}" Style="{StaticResource contactCompanyLabelStyle}" />
                                        <Label x:Name="MissingInfoParts" Text="{Binding MissingInfoParts}" HorizontalTextAlignment="Start" Style="{StaticResource errorLabelStyle}" IsEnabled="{Binding isMissingContactInfo}" IsVisible="{Binding isMissingContactInfo}" />
                                    </StackLayout>
                                    <Button Text="Edit" Clicked="EditDetailsBtnClick" HorizontalOptions="EndAndExpand" Style="{StaticResource buttonBarStyle}" />
                                </StackLayout>
                                <StackLayout Orientation="Horizontal" Style="{StaticResource menuBarStyle}" IsEnabled="{Binding isFooter}" IsVisible="{Binding isFooter}">
                                    <StackLayout.Margin>
                                        <OnPlatform x:TypeArguments="Thickness"
                                            iOS="0, 125, 0, 125"
                                            Android="0, 0,0, 0"
                                            WinPhone="0, 0, 0, 0" />
                                    </StackLayout.Margin>
                                    <Label Text=" " Style="{StaticResource contactNameLabelStyle}" />
                                </StackLayout>
                                <!--Single Select-->
                <StackLayout IsEnabled="{Binding QualifierisSingle}" IsVisible="{Binding QualifierisSingle}" Style="{StaticResource licenseListItemStyle}">
                  <Label Text="{Binding QualifierTitle}" Style="{StaticResource surveyTitleLabelStyle}" />
                  <telerikDataControls:RadListView SelectedItems="{Binding SelectedQualifierChoices}" BindingContextChanged="testUnfocused" ItemsSource="{Binding QualifierChoices}"  SelectionChanged="singleChanged" SelectionMode="Single">
                    <telerikDataControls:RadListView.ItemStyle>
                      <telerikListView:ListViewItemStyle BackgroundColor="Transparent" BorderLocation="None"/>
                    </telerikDataControls:RadListView.ItemStyle>
                    <telerikDataControls:RadListView.ItemTemplate>
                      
                      <DataTemplate>
                        <telerikListView:ListViewTemplateCell>
                          <telerikListView:ListViewTemplateCell.View>
                          <StackLayout>
                            <Label Text="{Binding QualifierChoiceTitle}" Style="{StaticResource surveyChoiceLabelStyle}" />
                          </StackLayout>
                          </telerikListView:ListViewTemplateCell.View>
                        </telerikListView:ListViewTemplateCell>
                      </DataTemplate>
                    </telerikDataControls:RadListView.ItemTemplate>
                  </telerikDataControls:RadListView>
                </StackLayout>
                <!--Multi Select-->
                <StackLayout IsEnabled="{Binding QualifierisMulti}" IsVisible="{Binding QualifierisMulti}" Style="{StaticResource licenseListItemStyle}">
                  <Label Text="{Binding QualifierTitle}" Style="{StaticResource surveyTitleLabelStyle}" />
                  <telerikDataControls:RadListView SelectedItems="{Binding SelectedQualifierChoices}" BindingContextChanged="testUnfocused" ItemsSource="{Binding QualifierChoices}"  SelectionChanged="singleChanged" SelectionMode="Multiple">
                    <telerikDataControls:RadListView.ItemStyle>
                      <telerikListView:ListViewItemStyle BackgroundColor="Transparent" BorderLocation="None"/>
                    </telerikDataControls:RadListView.ItemStyle>
                    <telerikDataControls:RadListView.SelectedItemStyle>
                      <telerikListView:ListViewItemStyle BackgroundColor="#bdafcf" BorderWidth="2" BorderLocation="All"/>
                    </telerikDataControls:RadListView.SelectedItemStyle>
                    <telerikDataControls:RadListView.ItemTemplate>
                      <DataTemplate>
                        <telerikListView:ListViewTemplateCell>
                          <telerikListView:ListViewTemplateCell.View>
                            <StackLayout>
                              <Label Text="{Binding QualifierChoiceTitle}" Style="{StaticResource surveyChoiceLabelStyle}" /> 
                            </StackLayout>
                          </telerikListView:ListViewTemplateCell.View>
                        </telerikListView:ListViewTemplateCell>
                      </DataTemplate>
                    </telerikDataControls:RadListView.ItemTemplate>
                  </telerikDataControls:RadListView>
                </StackLayout>
                <!--Numeric-->
                <StackLayout IsEnabled="{Binding QualifierisNumber}" IsVisible="{Binding QualifierisNumber}" Style="{StaticResource licenseListItemStyle}">
                  <StackLayout Orientation="Horizontal">
                  <Label Text="{Binding QualifierTitle}" Style="{StaticResource surveyTitleLabelStyle}" />
                    <Label BindingContext="{x:Reference slider}" Style="{StaticResource surveyNumericLabelStyle}" Text="{Binding Value, StringFormat='{0:F0}'}" />
                    </StackLayout>
                  <Slider x:Name="slider" VerticalOptions="CenterAndExpand" HeightRequest="45" Maximum="{Binding QualifierMaxValue}" Minimum="{Binding QualifierMinValue}" Value="{Binding QualifierIntValue}" ValueChanged="sliderValChanged" />
                  
                  
                    
                  
                </StackLayout>
                <!--Text Area-->
                                <StackLayout IsEnabled="{Binding QualifierisNote}" IsVisible="{Binding QualifierisNote}" Style="{StaticResource licenseListItemStyle}">
                                    <Label Text="{Binding QualifierTitle}" Style="{StaticResource surveyTitleLabelStyle}" />
                                    <ContentView Style="{StaticResource BorderStyle}" >
                                        <ContentView Style="{StaticResource InternalViewStyle}">
                                            <Editor HeightRequest="100" IsEnabled="{Binding QualifierisNote}" IsVisible="{Binding QualifierisNote}" Text="{Binding QualifierStringValue}" Style="{StaticResource surveyEditorStyle}" />
                                        </ContentView>
                                    </ContentView>
                                </StackLayout>
                            </StackLayout>
            </telerikListView:ListViewTemplateCell.View>
          </telerikListView:ListViewTemplateCell>
        </DataTemplate>
      </telerikDataControls:RadListView.ItemTemplate>
<telerikDataControls:RadListView.LayoutDefinition>
          <telerikListView:ListViewLinearLayout VerticalItemSpacing="1" />
        </telerikDataControls:RadListView.LayoutDefinition>
            
    </telerikDataControls:RadListView>
  </Grid>
    
</ContentPage>

Some code behind workings:

void singleChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs args)
        {
 
            if (((Telerik.XamarinForms.DataControls.RadListView)sender).ItemsSource != null)
            {
                if (args.OldItems != null)
                {
                    //item is beind set to false
                    LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel changedItem = (LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel)args.OldItems[0];
 
 
                    foreach (LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel i in ((Telerik.XamarinForms.DataControls.RadListView)sender).ItemsSource)
                    {
                        if (changedItem.QUalifierChoiceID == i.QUalifierChoiceID)
                        {
                            ((Telerik.XamarinForms.DataControls.RadListView)sender).SelectedItems.Remove(changedItem);
                        }
 
                    }
 
                }
 
                else
                {
                    LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel changedItem = (LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel)((Telerik.XamarinForms.DataControls.RadListView)sender).SelectedItem;
 
                    if (changedItem != null)
                    {
                        foreach (LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel i in ((Telerik.XamarinForms.DataControls.RadListView)sender).ItemsSource)
                        {
                            if (changedItem.QUalifierChoiceID == i.QUalifierChoiceID)
                            {
                                ((Telerik.XamarinForms.DataControls.RadListView)sender).SelectedItems.Add(changedItem);
                            }
 
                        }
                    }
                    //item is being set to true
                }
 
            }
}

void testUnfocused(object sender, EventArgs args)
        {
            if (((Telerik.XamarinForms.DataControls.RadListView)sender).ItemsSource != null)
            {
                foreach (LeadPod_FORMS.ViewModel.ActiveQualifierChoiceViewModel i in ((Telerik.XamarinForms.DataControls.RadListView)sender).ItemsSource)
                {
                    if(i.QualifierChoiceIsSelected)
                    {
                        ((Telerik.XamarinForms.DataControls.RadListView)sender).SelectedItems.Add(i);
                    }
                }
            }
         }

 

Again the Android version works perfectly, but the iOS version is not displaying the SelectedItems when the screen loads.  Any help would greatly be appreciated.  I am guessing the main problem is having a listview inside a listview, but I don't understand why that is preventing the UI from showing what is selected.  I have checked on load, and the Listview does infact have the proper items inside the selecteditems collection, it is just not showing them.

 

Thanks in advance for any help

 

 

Stefan Nenchev
Telerik team
 answered on 04 Jul 2017
3 answers
95 views

I would like to style or remove the title bar over the calendar, where the month name appears.

It is a TKCalendarMonthTitleCell.

I can't find any property to style it

Any directions ?

 

Nikolay Demirev
Telerik team
 answered on 30 Jun 2017
1 answer
117 views
Is there anyway to disable certain hour and minutes from the editor when it is shown to user? Eg., I would like to make only 00, 15, 30 and 45 minutes available for selection. Can this be done at design time statically and runtime dynamically?
Stefan Nenchev
Telerik team
 answered on 26 Jun 2017
1 answer
133 views

Hi there,

 

I'm using the Dataform and I'm wondering is there a way for me to change the read only property of certain data-form property at run-time.

The idea being that depending on the user you would only want them to be able to edit certain elements go the data form.

Is it possible to access the read-only attribute from the code behind?

 

Thanks for your Assistance.

Stefan Nenchev
Telerik team
 answered on 22 Jun 2017
1 answer
219 views

I just upgraded Telerik UI from v2016.2.708.1 to v2017.2.614.2, and I'm now getting an exception thrown when I try to add a data point to a series. The series is bound to an ObservableCollection, and I can work around the problem by replacing the entire collection when new data is added, but that obviously defeats the purpose of using ObservableCollection.

Has anybody run into this issue? Stack trace follows. Thanks.

====================================================================================

06-20 12:18:53.481 I/MonoDroid( 2065): UNHANDLED EXCEPTION:
06-20 12:18:53.482 I/MonoDroid( 2065): System.NullReferenceException: Object reference not set to an instance of an object.
06-20 12:18:53.482 I/MonoDroid( 2065):   at Telerik.XamarinForms.ChartRenderer.Android.BaseChartRenderer`2[TChart,TNativeChart].Telerik.XamarinForms.Chart.IChartRenderer.OnSeriesSourceCollectionChanged (System.Object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e, System.Object series) [0x0000c] in <18a6b9b1742b4acca8ea1bef8ca6f563>:0 
06-20 12:18:53.482 I/MonoDroid( 2065):   at Telerik.XamarinForms.Chart.RadCartesianChart.SeriesSource_CollectionChanged (System.Object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e) [0x00009] in <18a6b9b1742b4acca8ea1bef8ca6f563>:0 
06-20 12:18:53.482 I/MonoDroid( 2065):   at (wrapper delegate-invoke) <Module>:invoke_void_object_NotifyCollectionChangedEventArgs (object,System.Collections.Specialized.NotifyCollectionChangedEventArgs)
06-20 12:18:53.482 I/MonoDroid( 2065):   at System.Collections.ObjectModel.ObservableCollection`1[T].OnCollectionChanged (System.Collections.Specialized.NotifyCollectionChangedEventArgs e) [0x0000f] in <a547bd0d78184f26ab08d022f013c1e1>:0 
06-20 12:18:53.482 I/MonoDroid( 2065):   at System.Collections.ObjectModel.ObservableCollection`1[T].OnCollectionChanged (System.Collections.Specialized.NotifyCollectionChangedAction action, System.Object item, System.Int32 index) [0x00009] in <a547bd0d78184f26ab08d022f013c1e1>:0 
06-20 12:18:53.482 I/MonoDroid( 2065):   at System.Collections.ObjectModel.ObservableCollection`1[T].InsertItem (System.Int32 index, T item) [0x00024] in <a547bd0d78184f26ab08d022f013c1e1>:0 
06-20 12:18:53.482 I/MonoDroid( 2065):   at System.Collections.ObjectModel.Collection`1[T].Add (T item) [0x00020] in <3fd174ff54b146228c505f23cf75ce71>:0 

Stefan Nenchev
Telerik team
 answered on 21 Jun 2017
1 answer
222 views

Hi, 

I am using the text cell and I am wondering if I can bind multiple properties in my class to one cell.

 

For example, this is what I currently have;

 

<DataTemplate>

    <telerikListView:ListViewTextCell Text="{Binding client, StringFormat='Client: {0}'}" Detail="{Binding trans_date}" TextColor="Black" DetailColor="LightGray"/>
</DataTemplate>

 

And what I want to do is add another part to the stringformat. EG this: "StringFormat='Client{0} ~ ID: {1}"     - Is this possible, and if it is, can someone give me an example. 

Any assistance is appreciated. Thanks.

Lance | Senior Manager Technical Support
Telerik team
 answered on 19 Jun 2017
1 answer
122 views
<telerikGauges:RadRadialGauge.Indicators>
 
   <telerikGauges:GaugeNeedleIndicator Offset="30" Value="{Binding Kpi.Production.Tone}" />
 
   <telerikGauges:GaugeTextIndicator HorizontalTextPlacement="Center" VerticalTextPlacement="Top" FontSize="20" FontAttributes="Bold" FontFamily="Calibri" TextColor="Navy" Text="{Binding Kpi.OEEPercent, StringFormat='OEE: %{0:N0}'}"/>
 
</telerikGauges:RadRadialGauge.Indicators>

 

Is there a solution?

Thanks.

Stefan Nenchev
Telerik team
 answered on 19 Jun 2017
1 answer
141 views

Hi,

How can I change the background color of PlotArea in RadCartesianChart (Xamarin.Forms)?

Stefan Nenchev
Telerik team
 answered on 19 Jun 2017
4 answers
94 views

Hi,

 

Bar char with tooltips. It works fine with English but crashes with Russian and probably other cultures using comma as decimals separator.

Culture is set like this:

var cultureInfo = new CultureInfo("ru");

CultureInfo.DefaultThreadCurrentUICulture = cultureInfo;
CultureInfo.DefaultThreadCurrentCulture = cultureInfo;

 

Here is the exception details:

AndroidPropertyNameDataPointBinding.java

java.lang.NumberFormatException: Invalid long: "8145,17"

 

java.lang.Long.invalidLong Long.java:124
java.lang.Long.parse Long.java:363
java.lang.Long.parseLong Long.java:353
java.lang.Long.parseLong Long.java:321
java.math.BigDecimal.<init> BigDecimal.java:344
java.math.BigDecimal.<init> BigDecimal.java:425
md55d97e70f294cadecf8b72d95928fece7.AndroidPropertyNameDataPointBinding.n_getValue AndroidPropertyNameDataPointBinding.java
md55d97e70f294cadecf8b72d95928fece7.AndroidPropertyNameDataPointBinding.getValue AndroidPropertyNameDataPointBinding.java:30
com.telerik.widget.chart.engine.databinding.datasources.CategoricalSeriesDataSource.initializeBinding CategoricalSeriesDataSource.java:60
com.telerik.widget.chart.engine.databinding.datasources.ChartSeriesDataSource.generateDataPoint ChartSeriesDataSource.java:214
com.telerik.widget.chart.engine.databinding.datasources.ChartSeriesDataSource.bindCore ChartSeriesDataSource.java:184
com.telerik.widget.chart.engine.databinding.datasources.ChartSeriesDataSource.bind ChartSeriesDataSource.java:280
com.telerik.widget.chart.engine.databinding.datasources.ChartSeriesDataSource.rebind ChartSeriesDataSource.java:125
com.telerik.widget.chart.engine.databinding.datasources.ChartSeriesDataSource.setItemsSource ChartSeriesDataSource.java:92
com.telerik.widget.chart.visualization.common.ChartSeries.initDataBinding ChartSeries.java:628
com.telerik.widget.chart.visualization.cartesianChart.series.categorical.CategoricalSeriesBase.initDataBinding CategoricalSeriesBase.java:89
com.telerik.widget.chart.visualization.cartesianChart.series.categorical.CategoricalSeries.initDataBinding CategoricalSeries.java:66
com.telerik.widget.chart.visualization.common.ChartSeries.setData ChartSeries.java:415
com.telerik.widget.chart.visualization.cartesianChart.series.categorical.BarSeries.setData BarSeries.java:527
mono.java.lang.RunnableImplementor.n_run RunnableImplementor.java
mono.java.lang.RunnableImplementor.run RunnableImplementor.java:30
android.os.Handler.handleCallback Handler.java:739
android.os.Handler.dispatchMessage Handler.java:95
android.os.Looper.loop Looper.java:148
android.app.ActivityThread.main ActivityThread.java:5417
java.lang.reflect.Method.invoke Method.java
com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run ZygoteInit.java:726
com.android.internal.os.ZygoteInit.main ZygoteInit.java:616

 

Thanks

Vitaly

Nikolay
Telerik team
 answered on 19 Jun 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?