Questions on UI for Xamarin Forum

4 answers

182 views

Alignment of Chart Legend

How do i center align the Chart Legend and box up the legend.

Chart

answered on 29 Aug 2019

4 answers

209 views

Customise colour for DonutSeries

Would like to know how to i customise/change the colour for each slices in the donut series.

The legend to also follow the customised color

Chart

answered on 29 Aug 2019

12 answers

128 views

Search Description and Value

I have a requirment where i must allow the user to search the code and the name of the item , I was going to use a keyvalue pair and let the control search both fields but how do i allow it to do it for example for picking list i am using the following an a Picker list control.

However I want to be able to search both the code and name in the autocomplete view can you tell me how to achieve that.

Say My Class has BomItems

Property string Code {get;set;}

Property string Name {get;set}

Code=GYNA
Name=Back Joint

So if the user where to type in GYNA or Back Joint it would make the code be GYNA of that list

01.warehouses = await database.GetWarehousesFromSage();

02. if (!warehouses.IsNullOrEmpty())

03. {

04. viewModel.Warehouses = warehouses.ToObservableCollection();

05. foreach(var warehouse in warehouses)

06. {

07. if (warehouse.Description =="")

08. warehouse.Description = warehouse.Name;

09.

10.

11. PickerItems.Add(warehouse.WarehouseID.ToString(), warehouse.Description);

12.

13. }

14. pickWarehouse.ItemsSource = PickerItemList;

15. }

AutoCompleteView

answered on 27 Aug 2019

3 answers

194 views

Custom Look on the Chat Control

Good Day All

Can someone tell me if its possible to customize the look and feel of the Chat control like as whatsup do. There is a Voice Note and also Emoji button on the left as depicted in the attached image

Chat (Conversational UI)

answered on 26 Aug 2019

3 answers

145 views

Invalid Cast - Chart.CartesianGridLineAnnotation

Hi,

I've tried to use the chart annotations exactly as described in this example. Unfortunately, creating the annotations and adding them to the chart from the code behind does not work. When doing so, an exception happens:

An exception of type 'System.InvalidCastException' occurred in System.Private.CoreLib.dll but was not handled in user code

Unable to cast object of type 'Telerik.XamarinForms.Chart.CartesianGridLineAnnotation' to type 'Telerik.XamarinForms.Chart.ChartSeries'.

As soon as I declare the annotations in XAML, it just works fine. As we need the possibility to adapt the annotations in the code behind, any support would be appreciated.

Chart

answered on 26 Aug 2019

3 answers

118 views

Customize CardActionView template

Hello!

I am trying to created a chat with chat bot, which has predefined answers. I display the answers with CardActionView, but I want to style them and remove vertical stroller that appears like a slider when the answers are two for example. Could you give me some advice about that?

I customize the answers with this code:

<Style TargetType="telerikConversationalUI:CardActionView"> 

<Setter Property="Template"> 

<Setter.Value> 

<ControlTemplate> 

<telerikPrimitives:RadBorder BorderThickness="5" CornerRadius="10" BorderColor="{Static helpers:Constants.MainBlue}"> 

<Label Text="{TemplateBinding Text}"  

TextColor="{Static helpers:Constants.MainBlue}" 

FontSize="15" 

FontAttributes="Bold" 

HorizontalTextAlignment="Center" 

telerikCommon:LabelExtensions.TapCommand="{TemplateBinding Command}" /> 

</telerikPrimitives:RadBorder> 

</ControlTemplate> 

</Setter.Value> 

</Setter> 

</Style>

Chat (Conversational UI)

answered on 23 Aug 2019

1 answer

123 views

Localization not working

Hello,

I'm using telerik xamarin scheduler and I would like to translate the day and months showed up in the scheduler to my language.

Maybe I didn't understand that right but I followed this link and the localization didn't work for me:

https://docs.telerik.com/devtools/xamarin/localization-and-globalization#localization-using-custom-localization-manager

what I did is :

1. I created 'CustomTelerikLocalizationManager' class and translated the day and months names to my language,like following :

public override string GetString(string key)

        {

            if (key == "January")

            {

                return "ינואר";

            }



            if (key == "February")

            {

                return "פברואר";

            }



            if (key == "March")

            {

                return "מרץ";

            }



            if (key == "April")

            {

                return "אפריל";

            }



            if (key == "May")

            {

                return "מאי";

            }



            if (key == "June")

            {

                return "יוני";

            }



            if (key == "July")

            {

                return "יולי";

            }



            if (key == "August")

            {

                return "אוגוסט";

            }



            if (key == "September")

            {

                return "ספטמבר";

            }



            if (key == "FilterUISectionText")

            {

                return "filtre par";

            }



            if (key == "Contains")

            {

                return "contient";

            }



            return base.GetString(key);

        }

2.I added

TelerikLocalizationManager.Manager = new Classes.CustomTelerikLocalizationManager();

to my app.xaml.cs file

before

InitializeComponent();

that didn't work so I did the same to the file that contains the scheduler and that didn't work either.

Thanks :).

Calendar & Scheduling

answered on 23 Aug 2019

1 answer

70 views

Desciption not searching cause text path is set to another field.

I have a customer filter that should be searching the description field as well but I think its not cause the text search path is set to reference how to do i get it so that it honours my path

/// Class CustomAutoCompleteViewFilter.

/// Implements the <see cref="Telerik.XamarinForms.Input.AutoComplete.IAutoCompleteFilter" />

/// </summary>

/// <seealso cref="Telerik.XamarinForms.Input.AutoComplete.IAutoCompleteFilter" />

public class CustomAutoCompleteViewFilter : IAutoCompleteFilter

{

/// <summary>

/// Filters the specified item.

/// </summary>

/// <param name="item">The item.</param>

/// <param name="searchText">The search text.</param>

/// <param name="completionMode">The completion mode.</param>

/// <returns><c>true</c> if XXXX, <c>false</c> otherwise.</returns>

public bool Filter(object item, string searchText, CompletionMode completionMode)

{

StockAutoCompleteInfo stock = (StockAutoCompleteInfo)item;

string lowerReference = stock.Code.ToLower();

string lowerDescription = stock.Description.ToLower();

string lowerSearchText = searchText.ToLower();

return lowerReference.Contains(lowerSearchText) || lowerDescription.Contains(lowerSearchText);

}

<telerikInput:RadAutoCompleteView x:Name="txtCode" SuggestionViewHeight="300" CompletionMode="StartsWith" TextSearchPath="Reference" Watermark="Search for Bom here...">

<telerikInput:RadAutoCompleteView.SuggestionItemTemplate>

<DataTemplate>

<ViewCell>

<StackLayout Orientation="Vertical">

<Label Text="{Binding Reference}"/>

<Label Text="{Binding Description}"/>

<BoxView BackgroundColor="Black" HeightRequest="1" HorizontalOptions="StartAndExpand"/>

</StackLayout>

</ViewCell>

</DataTemplate>

</telerikInput:RadAutoCompleteView.SuggestionItemTemplate>

</telerikInput:RadAutoCompleteView>

<telerikInput:RadButton x:Name="btnFindBom" BackgroundColor="#343C41" TextColor="White" Clicked="BtnGetBomInfo_Clicked" Text="Find Bom"></telerikInput:RadButton>

AutoComplete

answered on 23 Aug 2019

1 answer

105 views

can't see hebrew, change column display name

Hello,

First, I set a few items in datagrid whic some contains hebrew content.

The problem is that I see xxxx xx xxxx instead of the hebrew characters .

Second, I set datagrid itemsource to objects list.

I would like to change the display name to another names in hebrew.

What do I need to do for that?

What I tried so far is change column 'name' property like following:

<telerikDataGrid:DataGridTextColumn PropertyName="dateFixed" Name="תאריך"/>

Thanks :).

DataGrid

answered on 23 Aug 2019

2 answers

159 views

pdf from file

Hi at All,

i try to open a pdf file from device when using this code :

var doc = DependencyService.Get<IFiles>().GetPath(path);
var filepath = Path.Combine(doc, pdfName);

if (File.Exists(filepath))
{
File.OpenRead(filepath);
pdfViewer.Source = filepath;

}

i get this error : an error occured while loading the document.

may be i do somthing wrong !?

Gruß

PdfViewer

answered on 21 Aug 2019