Questions on UI for Xamarin Forum

2 answers

65 views

SearchThreshold - Show results when control gets focus

I want to show search results before typing any key. Just like a combobox. How can i do it with the AutoComplete control?

Thanks

Roei

AutoComplete

answered on 21 Aug 2018

2 answers

231 views

how to change tree view item height

hello,

I was finding that the tree view control would not display normal my treeviewitem in iOS .I tried to modify item height,but it does not work in iOS, it can be on Android and UWP。I think tree view item height is fixed value~~~my code picture in attach file!

TreeView

answered on 20 Aug 2018

1 answer

129 views

TreeView not DataBinding after page loads

I was finding that the tree view control would not display my data.

Using Prism I populate my view model when the page has been navigated to, not when the view model is being constructed.

This means that when the page first displays the tree view shows nothing. When the page loads and my observable collection is updated the changes are not reflected in the UI.

If I add a couple of fake values to the view model in its constructor, these are displayed, but not updated after the page loads its real data.

It seems that the tree view will only render what it finds when it is first data-bound. Does this sound correct to anyone else's observations? If so can anyone explain what good this would be to anyone? The data I wish to display comes from a network source so it must be loaded asynchronously and so cannot be part of the constructor.

TreeView

answered on 14 Aug 2018

2 answers

214 views

RadCartesianChart background transparent - Axes issues.

See the attached screenshots of Android & iOS using RadCartesianChart. We tried to use Xamarin Forms to have common UI consistency between the platforms.

Can someone please identify what's causing the issue?

1. Need to have transparent background to the RadCartesian Chart so that the background gradient (Gradience created in Frame) is visible.

2. X-Axis and Y-Axis are not plotted correctly which are plotted in Android.

3. Why the same code is working differently in Android & iOS. What else customizations has to be performed to achieve same and consistent look and feel.

We are in final stages of evaluating the chart controls using Xamarin forms and this PoC which we are evaluating would lead to continuing with Telerik. Please assist.

<telerikChart:RadCartesianChart PaletteName="Light" SelectionPaletteName="LightSelected" BackgroundColor="Transparent" HeightRequest="350" x:Name="myChart">
<telerikChart:RadCartesianChart.ChartBehaviors>
<telerikChart:ChartSelectionBehavior DataPointSelectionMode="Single" SeriesSelectionMode="Single" />
<telerikChart:ChartPanAndZoomBehavior ZoomMode="Both" PanMode="Both" HandleDoubleTap="True" />
<telerikChart:ChartTooltipBehavior TriggerMode="Tap"/>
<telerikChart:ChartTrackBallBehavior ShowIntersectionPoints="True" ShowTrackInfo="True" />
</telerikChart:RadCartesianChart.ChartBehaviors>
<telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:DateTimeContinuousAxis GapLength="0.1" MajorStepUnit="Day" MajorStep="1" LabelFitMode="Rotate" LabelFormat="dd MMM" LineColor="#A9A9A9" MajorTickThickness="10" PlotMode="OnTicks" ShowLabels="True" MajorTickBackgroundColor="#A9A9A9" LabelTextColor="White"/>
</telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:NumericalAxis LineColor="#A9A9A9" MajorTickBackgroundColor="#A9A9A9" LabelTextColor="White"/>
</telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:RadCartesianChart.Grid>
<telerikChart:CartesianChartGrid MajorLinesVisibility="X" MajorLineColor="White" MajorLineThickness="10" />
</telerikChart:RadCartesianChart.Grid>
<telerikChart:RadCartesianChart.Series>
<telerikChart:LineSeries CategoryBinding="MeasureDate" ValueBinding="Value" ItemsSource="{Binding SeriesData}" CombineMode="None" Stroke="White" StrokeThickness="2">
</telerikChart:LineSeries>

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

Chart

answered on 14 Aug 2018

1 answer

96 views

Display x series in RadCartesianChart

Hello, my problem is I have x series in RadCartesianChart (por example 10). It show x series anithing problem.. correct..

but, I like show only (por example 3 series, the total 10 series) and other series show for scrolling

I now the property zoom and pan, but is double value, not number of series to zoom

How can I do it?

Chart

answered on 14 Aug 2018

9 answers

611 views

OnSelectTemplate does not get called for each item in ItemsSource?

Hello, I'm running into a weird issue:

I'm using a slide view with an item template selector to select the data template for each item in the items source.

For some reason, the OnSelectTemplate method in the template selector will never be called more than three times ever. The first call is made with the last item in the items source, the second call with the first item and the third call with the second item.

My items source collection has at four items, so the third template is never selected...

Here's the XAML:

<telerikPrimitives:RadSlideView HorizontalContentOptions="CenterAndExpand" VerticalContentOptions="CenterAndExpand" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<telerikPrimitives:RadSlideView.ItemsSource>

<x:Array Type="{x:Type x:Int32}">

<x:Int32>1</x:Int32>

<x:Int32>2</x:Int32>

<x:Int32>3</x:Int32>

<x:Int32>4</x:Int32>

<x:Int32>5</x:Int32>

<x:Int32>6</x:Int32>

<x:Int32>7</x:Int32>

<x:Int32>8</x:Int32>

</x:Array>

</telerikPrimitives:RadSlideView.ItemsSource>

<telerikPrimitives:RadSlideView.ItemTemplateSelector>

<local:TemplateSelector>

<local:TemplateSelector.Template1>

<DataTemplate>

<ContentView>

<Label Text="Bug" HorizontalTextAlignment="Center" VerticalTextAlignment="Center"/>

</ContentView>

</DataTemplate>

</local:TemplateSelector.Template1>

</local:TemplateSelector>

</telerikPrimitives:RadSlideView.ItemTemplateSelector>

</telerikPrimitives:RadSlideView>

And here's the template selector class:

public class TemplateSelector : DataTemplateSelector

{

public DataTemplate Template1 { get; set; }

protected override DataTemplate OnSelectTemplate(object item, BindableObject container)

{

return Template1;

}

Put a breakpoint in the return statement and count the number of times the method gets called, while also watching the item.

Am I doing this properly? Is this a bug in the way the items source is being iterated over?

SlideView

answered on 14 Aug 2018

1 answer

289 views

Show Number only Keyboard

hi all

in Android there is android:inputType="number" which give you only numbers keyboard. I like the Maskinput but i want to keep it and have an ability to show a numeric only keyboard.

Thanks

MaskedInput

answered on 12 Aug 2018

2 answers

73 views

Glitches in Week view

Hi , I added a week calendar view on my view , everything works, I can swipe to the previous week but I am not able to swipe back to the current week.

        private void RadCalendarControl_NativeControlLoaded(object sender, EventArgs e)

        {

            if (Device.Idiom == TargetIdiom.Phone)

            {

                (sender as RadCalendar).TrySetViewMode(CalendarViewMode.Week);

                RadCalendarControl.HeightRequest = 100;

            }

            else

            {

                (sender as RadCalendar).TrySetViewMode(CalendarViewMode.Month);

            }           

            RadCalendarControl.SetStyleForCell = this.EvaluateCellStyle;

        }

please help.

Calendar & Scheduling

answered on 10 Aug 2018

3 answers

467 views

List view crashes on ios when pull to refresh

Following list view I am implementing pull to refresh and set the Itemsource by adding more items to the current list when the user pull downthe list.

This works fine is Android. But crashes in ios when pulling for loading.

Is there any known issues in LoadOnDemandMode or PullToRefresh in ios? thank you in advance

<telerikDataControls:RadListView x:Name="EventList"

BackgroundColor="{StaticResource DarkGray}"

ItemsSource="{Binding CalendarEvents,Mode=TwoWay}"

VerticalOptions="FillAndExpand"

HorizontalOptions="FillAndExpand"

IsLoadOnDemandEnabled="false"

LoadOnDemandMode="Automatic"

IsPullToRefreshEnabled="True"

RefreshRequested="EventList_RefreshRequested"

IsPullToRefreshActive="{Binding IsBusy,Mode=TwoWay}" >

<telerikDataControls:RadListView.ItemTemplate>

<DataTemplate>

<telerikListView:ListViewTemplateCell>

<telerikListView:ListViewTemplateCell.View>

<Grid RowSpacing="0" BackgroundColor="{StaticResource MediumGray}">

<Grid.RowDefinitions>

<RowDefinition Height="10"/>

<RowDefinition Height="Auto"/>

<RowDefinition Height="20"/>

<RowDefinition Height="Auto"/>

<RowDefinition Height="15"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="5"/>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="4*"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="5"/>

</Grid.ColumnDefinitions>

<StackLayout Grid.Row="1" Grid.Column="1" Orientation="Horizontal" VerticalOptions="Center">

<Image Source="ic_red_circle.png" HeightRequest="8" WidthRequest="8" VerticalOptions="Center"/>

<Label Text="{Binding EventDate}" FontFamily="{StaticResource RegularFont}" FontSize="Small"

TextColor="{StaticResource BaseTextColor}" LineBreakMode="TailTruncation" VerticalOptions="Center"/>

</StackLayout>

<Label Grid.Row="2" Grid.Column="1" Text="{Binding EventTime}" Margin="15,0,0,0"

FontFamily="{StaticResource RegularFont}" FontSize="Micro" VerticalOptions="Center"

TextColor="{StaticResource BaseTextColor}" LineBreakMode="TailTruncation"/>

<Label Grid.Row="1" Grid.Column="2" Text="{Binding Subject}" VerticalOptions="Center"

FontFamily="{StaticResource RegularFont}" FontSize="Medium"

TextColor="{StaticResource BaseTextColor}" LineBreakMode="TailTruncation"/>

<StackLayout Grid.Row="2" Grid.Column="2" Orientation="Horizontal">

<Label Text="{Binding EventLocationCaption}" FontFamily="{StaticResource RegularFont}" FontSize="Micro"

TextColor="{StaticResource BaseTextColor}" LineBreakMode="TailTruncation" VerticalOptions="Center"/>

<Image Source="ic_location_mark.png" VerticalOptions="Center" HeightRequest="12" WidthRequest="12"/>

</StackLayout>

<telerikDataControls:RadListView

Grid.Row="4" Grid.Column="2"

ItemsSource="{Binding FunctionsList,Mode=TwoWay}"

SelectionMode="None" BackgroundColor="{StaticResource MediumGray}" HeightRequest="{Binding HeightFuncList}">

<telerikDataControls:RadListView.ItemTemplate>

<DataTemplate>

<telerikListView:ListViewTemplateCell>

<telerikListView:ListViewTemplateCell.View>

<Grid BackgroundColor="{StaticResource MediumGray}" RowSpacing="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="2*"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Label Grid.Column="0" Grid.Row="0" Text="{Binding FunctionName,Mode=TwoWay}" FontFamily="{StaticResource RegularFont}" FontSize="Small"

VerticalOptions="Center" TextColor="{StaticResource BaseTextColor}" LineBreakMode="TailTruncation"/>

<Frame Grid.Column="1" Grid.Row="0" CornerRadius="5"

BackgroundColor="{Binding IsAlreadyInMarketPlace,Converter={StaticResource BooleanToBackGroundColorConverter}}"

Padding="4" VerticalOptions="Center" HasShadow="False" BorderColor="Transparent"

IsEnabled="{Binding IsAlreadyInMarketPlace, Converter={StaticResource BooleanInvertConverter}}">

<Label Text="{i18n:Translate COMMON_SWAP}" FontFamily="{StaticResource RegularFont}" FontSize="Micro" HorizontalTextAlignment="Center"

TextColor="White" LineBreakMode="TailTruncation" Margin="0"/>

<Frame.GestureRecognizers>

<TapGestureRecognizer Tapped="ChangeFunction_Tapped" NumberOfTapsRequired="1" CommandParameter="{Binding}" ClassId="{Binding F_FunctionId}"/>

</Frame.GestureRecognizers>

</Frame>

</Grid>

</telerikListView:ListViewTemplateCell.View>

</telerikListView:ListViewTemplateCell>

</DataTemplate>

</telerikDataControls:RadListView.ItemTemplate>

<telerikDataControls:RadListView.LayoutDefinition>

<telerikListView:ListViewLinearLayout Orientation="Vertical" VerticalItemSpacing="5"/>

</telerikDataControls:RadListView.LayoutDefinition>

</telerikDataControls:RadListView>

ListView

answered on 09 Aug 2018

9 answers

282 views

Telerik.XamarinForms.ConversationalUI.dll can not be found on installation

Telerik.XamarinForms.ConversationalUI.dll no se encuentra en la instalación,
lla instale xamarin y me marca que no se encuntra esa referencia lo busque donde estan las demas referencias y no se encuentra ese dll tengo la vercion mas reciente de las librerias de telerick. Y es lo unico que me falta para programar en android usando telerick.
¿Me podrian Ayudar ?

General Discussions

answered on 08 Aug 2018