Questions on UI for Xamarin Forum

1 answer

127 views

Hi,

I am trying to set custom font defined as a style in the xaml for ChatEntry. It throws error at execution time. I know there have been issues reported with fontfamily setup in the past, has it been resolved yet? Secondly, we need ChatEntry text to wrap and not be a free floating entry field, is there wordwrap/multiline ChatEntry setup possible?

Chat (Conversational UI)

answered on 17 Aug 2020

4 answers

120 views

How to set RadAutoCompleteView's tokens programmatically?

Hi, I have just begun using RadAutoCompleteView, and now I am looking for a way to set its selected items (tokens) in code-behind when I am going to open my entity's detail page in edition mode.

P.s. I am not using MVVM architecture and setting my control's ItemsSource programmatically:

Class:
public class Activity
{
public string Id { get; set; }
public List<string> ProductIds { get; set; }
}

ItemsSource: SomeListOfProducts.

What I'm going to do:

For each productId in ProductIds, I add a token to my RadAutoCompleteView that: token = SomeListOfProducts.Single(x => x.Id == productId).

AutoCompleteView

answered on 17 Aug 2020

1 answer

192 views

Getting Some Problem Implementing Dynamic rows.

I want to Insert or remove a row on "TelerikGrid RadDataGrid" based on the column value of my "RadDataGrid".

In my grid there is a "Answer" column which can be any type (boolean, text, number, drop down) based on the question type.

And If user change the "Answer" value it'll check and insert a row bellow that answered row or remove it.

What's the best way to implement this.

DataGrid

answered on 03 Aug 2020

1 answer

135 views

FlowDirection not implemented?

Hello, I am developing an application for the Arabic language, so you have to use FlowDirection but in the Telerik controls, it seems that they are not implemented.
Precisely the RadTabView does not change the order of the tabs according to the FlowDirection property of the page.

TabView

answered on 31 Jul 2020

8 answers

299 views

Xamarin UWP RadListView Performance Bad

Resizing the window on our UWP app or simply navigating to the page with the Telerik RadListView on UWP hangs the app. Scrolling performance is bad too. I have removed everything on this page and the only thing that continues to cause the poor performance the Telerik RadListView. We really only are binding to text, additionally I removed the Vector Image at the end of the row just in case that was an issue. I even removed the contents of the ListViewTemplateCell.View in case the issue was what we had for our template. The poor performance probably starts with items ranging from 200-300 items in the list. Performance for 900 items is absolutely terrible. Please help, we're looking to ship soon and don't want our customers having a terrible experience.

Here is what we have:

<Grid VerticalOptions="FillAndExpand">

<ScrollView Margin="{Binding SideSoftNavigationAdjustment}" VerticalOptions="FillAndExpand">

<telerikDataControls:RadListView

x:Name="ItemsList"

Margin="20,0,0,0"

BackgroundColor="Transparent"

ItemTapped="ItemsList_OnItemTapped"

ItemsSource="{Binding ItemsListViewModel.Items}"

SelectionMode="Single"

VerticalOptions="FillAndExpand">

<telerikDataControls:RadListView.ItemTemplate>

<DataTemplate>

<telerikListView:ListViewTemplateCell>

<telerikListView:ListViewTemplateCell.View>

<Grid

ColumnSpacing="0"

HeightRequest="55"

RowSpacing="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="{Binding SelectAllWidth}" />

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<mynamespace:VectorImage

Grid.Column="0"

HeightRequest="22"

HorizontalOptions="Start"

IsVisible="{Binding ShowSelectButton}"

SvgPath="{Binding CheckedImageState}"

VerticalOptions="CenterAndExpand"

WidthRequest="22" />

<StackLayout

Grid.Column="1"

Spacing="0"

VerticalOptions="Center">

<Label

FontAttributes="Bold"

FontSize="15"

LineBreakMode="TailTruncation"

Text="{Binding Name}"

TextColor="{Binding ItemRowTextColor}"

VerticalTextAlignment="End" />

<Label

FontSize="12"

LineBreakMode="TailTruncation"

Text="{Binding Subtitle}"

TextColor="{Binding ItemRowTextColor}"

VerticalTextAlignment="Start" />

</StackLayout>

<mynamespace:VectorImage

Grid.Column="2"

Margin="0,0,10,0"

BackgroundColor="Transparent"

HeightRequest="24"

HorizontalOptions="End"

IsVisible="{Binding ShowSelectButton, Converter={StaticResource InverseBoolConverter}}"

SvgPath="{Binding EndIcon}"

VerticalOptions="CenterAndExpand"

WidthRequest="24">

<mynamespace:VectorImage.GestureRecognizers>

<TapGestureRecognizer Command="{Binding ItemRowOptionsCommand}" NumberOfTapsRequired="1" />

</mynamespace:VectorImage.GestureRecognizers>

</mynamespace:VectorImage>

</Grid>

</telerikListView:ListViewTemplateCell.View>

</telerikListView:ListViewTemplateCell>

</DataTemplate>

</telerikDataControls:RadListView.ItemTemplate>

<telerikDataControls:RadListView.PressedItemStyle>

<telerikListView:ListViewItemStyle

BackgroundColor="{Binding ItemManagementViewModel.ItemListRowSelectionColor}"

BorderColor="{x:Static mynamespace:Colors.ItemListRowGreyLine}"

BorderLocation="Bottom"

BorderWidth="1" />

</telerikDataControls:RadListView.PressedItemStyle>

<telerikDataControls:RadListView.SelectedItemStyle>

<telerikListView:ListViewItemStyle

BackgroundColor="Transparent"

BorderColor="{x:Static mynamespace:Colors.ItemListRowGreyLine}"

BorderLocation="Bottom"

BorderWidth="1" />

</telerikDataControls:RadListView.SelectedItemStyle>

<telerikDataControls:RadListView.ItemStyle>

<telerikListView:ListViewItemStyle

BackgroundColor="Transparent"

BorderColor="{x:Static mynamespace:Colors.ItemListRowGreyLine}"

BorderLocation="Bottom"

BorderWidth="1" />

</telerikDataControls:RadListView.ItemStyle>

</telerikDataControls:RadListView>

</ScrollView>

<telerikPrimitives:RadBusyIndicator

x:Name="BusyIndicator"

AnimationContentColor="{x:Static mynamespace:Colors.DarkMenuBlue}"

AnimationType="Animation4"

HeightRequest="150"

HorizontalOptions="Center"

IsBusy="{Binding ItemsManagementViewModel.IsRefreshing}"

VerticalOptions="Start"

WidthRequest="150" />

</Grid>

ListView

answered on 30 Jul 2020

3 answers

606 views

Expander as ListView ItemTemplate works on Android but not on iOS

Hi,

I am using a ListView and have set its ItemTemplate to be an Expander. This works fine on Android, expanding each of the items in the ListView moves the other items down, so that multiple items can be expanded at once.

However when the same is run on iOS, the Expander at the top of the list covers the rest of the Items in the ListView, therefore preventing multiple items to be expanded at the same time.

Is there some specific property I can set against a renderer for the iOS project to allow the behaviour, as experienced on Android, to be replicated on iOS?

Kind regards,

Paul

Expander

answered on 29 Jul 2020

1 answer

130 views

Buttons in Content of Expander works on Android but not on iOS

Hi,

I have a ListView where the ItemTemplate is defined as an Expander. I have placed a series of controls on the Content of that Expander, such as Labels, an Expander and a series of Buttons. When trying to tap these buttons, my underlying Command is invoked on Android however nothing happens on iOS.

Due to another issue with the ListView and Expander, what happens on iOS is that the ListView Item under the expanded item is expanded rather the button on the expanded item being tapped.

Are there any properties I can set for iOS specifically to achieve the same behaviour on iOS as I do on Android?

Kind regards,

Paul

Expander

answered on 28 Jul 2020

1 answer

195 views

Expander within Expander works on Android but not on iOS

Hi,

I have a ListView where the ItemTemplate is set as an Expander. Part of the Content of each Expander has another Expander defined. Tapping on the second Expander within the first Expander, expands successfully on Android however it does not expand on iOS.

Are there any additional properties I need to set for iOS to achieve the same functionality as Android?

Kind regards,

Paul

Expander

answered on 28 Jul 2020

3 answers

175 views

Export Xamarin Chart to pdf

Hi,

If we were building charts either just for Xamarin Android or using Xamarin forms, is there a way to export the chart to a pdf or image file?

Thanks

Chart - Xamarin.Android

answered on 24 Jul 2020

1 answer

183 views

Grid become empty

Hello, I have a Button (Next) and a RadDataGrid in Page1 which shows the data received from a Web service. Now, I when I select any Item and click next, the data inside the grid completely disappears (or clears) before going to Page 2.

Now, the same scenario doesn't happen when I click Next and no Item is selected.

I'm receiving the data correctly in both cases, but I can't seem to figure out why the grid is cleared before navigating to Page2.

I used a simple Navigation.PushAsync to go to Page 2.

Could you please help me out here?

DataGrid

answered on 15 Jul 2020