Questions on UI for Xamarin Forum

5 answers

265 views

Need a badgelabel in menu items

Do you have an example with icon, text and badgelabel in menu items?

Button

answered on 16 Dec 2020

19 answers

375 views

ContextMenu

Hi,

Does RadListView support ContextMenu and if so do you have any XAML samples?

I tried adding one like you would in the vanilla Listview but nothing happened (compiled and ran okay), ideally you'd want to activate it on long press. No a big problem if it's not supported but I'd like to clarify it.

Thanks,

Norman.

ListView

answered on 14 Dec 2020

3 answers

98 views

Multiday view greying out weekends

In multi-day schedule view,the weekends are greyed out. Why is this default behavior, and how do it have them show up as any other normal days?

Calendar & Scheduling

answered on 11 Dec 2020

9 answers

406 views

ListPicker size

I have a small list, so would like to decrease the height of the ListPicker popup. Is there a way to control this height?

Thanks

ListPicker

answered on 11 Dec 2020

1 answer

128 views

Change background colour if day contains appointment

In the month or week view, how would I change the background colour of the cell if the day contains an appointment? There seems to be no option in CalendarCell to check whether that day has an appointment. Thanks in advance!

Calendar & Scheduling

answered on 02 Dec 2020

1 answer

113 views

RadCartesianChart sizing issues with RadTabView and RadSegmentedControl

There seems to be an issue with the size of a chart when used with a RadTabView and a RadSegmentedControl. If using the code below, we click into "Tab 2", the chart in "Option 1" is properly sized. However, if we then click into "Option 2" then back out to "Tab 1", and back into "Tab 2", the chart in "Option 1" becomes tiny. This is an issue even when trying all sorts of layout options and it only seems to be a problem in Android (works fine in iOS).

Below is the XAML:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:telerikChart="clr-namespace:Telerik.XamarinForms.Chart;assembly=Telerik.XamarinForms.Chart"

xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"

xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"

x:Class="ChartBug.MainPage"

x:Name="Self"

>

<ContentPage.Content>

<telerikPrimitives:RadTabView>

<telerikPrimitives:RadTabView.Items>

<telerikPrimitives:TabViewItem>

<telerikPrimitives:TabViewItem.Header>

<telerikPrimitives:TabViewHeaderItem Text="Tab 1" />

</telerikPrimitives:TabViewItem.Header>

</telerikPrimitives:TabViewItem>

<telerikPrimitives:TabViewItem>

<telerikPrimitives:TabViewItem.Header>

<telerikPrimitives:TabViewHeaderItem Text="Tab 2" />

</telerikPrimitives:TabViewItem.Header>

<telerikPrimitives:TabViewItem.Content>

<StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<telerikInput:RadSegmentedControl SelectedIndex="{Binding SelectedIndex, Mode=TwoWay, Source={x:Reference Self}}"

HorizontalOptions="FillAndExpand">

<telerikInput:RadSegmentedControl.ItemsSource >

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

<x:String>Option 1</x:String>

<x:String>Option 2</x:String>

</x:Array>

</telerikInput:RadSegmentedControl.ItemsSource>

</telerikInput:RadSegmentedControl>

<AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<Grid AbsoluteLayout.LayoutBounds="0, 0, 1, 1" AbsoluteLayout.LayoutFlags="All">

<Grid.RowDefinitions>

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<StackLayout x:Name="Questions">

</StackLayout>

<Grid x:Name="ChartGrid" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<telerikChart:RadCartesianChart HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<telerikChart:RadCartesianChart.HorizontalAxis>

<telerikChart:CategoricalAxis/>

</telerikChart:RadCartesianChart.HorizontalAxis>

<telerikChart:RadCartesianChart.VerticalAxis>

<telerikChart:NumericalAxis/>

</telerikChart:RadCartesianChart.VerticalAxis>

</telerikChart:RadCartesianChart>

</Grid>

</AbsoluteLayout>

</StackLayout>

</telerikPrimitives:TabViewItem.Content>

</telerikPrimitives:TabViewItem>

</telerikPrimitives:RadTabView.Items>

</telerikPrimitives:RadTabView>

</ContentPage.Content>

</ContentPage>

And this is the code-behind:

public partial class MainPage : ContentPage, INotifyPropertyChanged

{

public new event PropertyChangedEventHandler PropertyChanged;

private void RaisePropertyChanged(string prop)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(prop));

}

int _selectedIndex = 0;

public int SelectedIndex

{

get => _selectedIndex;

set

{

if (value != _selectedIndex)

{

_selectedIndex = value;

ChartGrid.IsVisible = _selectedIndex == 0;

Questions.IsVisible = _selectedIndex == 1;

RaisePropertyChanged(nameof(SelectedIndex));

}

public MainPage()

{

InitializeComponent();

ChartGrid.IsVisible = _selectedIndex == 0;

Questions.IsVisible = _selectedIndex == 1;

}

Chart

answered on 02 Dec 2020

4 answers

169 views

DateTimeContinuousAxis MajorStepUnit Month Axis really buggy on iOs

I try to use RadCartesianChart with numerical vertical axis and DateTimes on horizontal axis.

The dates only cover the current year.

The month labels should be placed evry quater: January, April, July, October (Maybe December as the end of the scale).

Here is a minimal code example:

<telerikChart:RadCartesianChart Grid.Row="1" x:Name="line_chart" VerticalOptions="FillAndExpand">

<telerikChart:RadCartesianChart.BindingContext>

<local:ViewModel />

</telerikChart:RadCartesianChart.BindingContext>

<telerikChart:RadCartesianChart.HorizontalAxis>

<telerikChart:DateTimeContinuousAxis Maximum="{Binding MinDate}" Maximum="{Binding MaxDate}" PlotMode="OnTicks" LabelFormat="MMM" MajorStepUnit="Month" LabelFitMode="Rotate" MajorStep="3" />

</telerikChart:RadCartesianChart.HorizontalAxis>

<telerikChart:RadCartesianChart.VerticalAxis>

<telerikChart:NumericalAxis />

</telerikChart:RadCartesianChart.VerticalAxis>

<telerikChart:RadCartesianChart.Series>

<telerikChart:LineSeries ValueBinding="Value"

CategoryBinding="Date"

ItemsSource="{Binding

public class ViewModel

{

public ObservableCollection<CategoricalData> Dates { get; set; }

public DateTime MinDate { get; set; } = new DateTime(DateTime.Now.Year, 1, 1);

public DateTime MaxDate { get; set; } = new DateTime(DateTime.Now.Year, 12, 31);

public ViewModel()

{

Dates = new ObservableCollection<CategoricalData>();

Dates.Add(new CategoricalData() { Date = MinDate, Value = 40 });

Dates.Add(new CategoricalData() { Date = MaxDate, Value = 40 });

}

}" />

</telerikChart:RadCartesianChart.Series>

</telerikChart:RadCartesianChart>

It looks exactly correct on Android but on iOS MaxDate and MajorStep are not respected and the distances are not equidistant.

Chart

answered on 02 Dec 2020

2 answers

832 views

Telerik UI for Xamarin: How to prevent iOS keyboard from pushing up the entire screen when editing Rich Text Editor.

The entire screen for iOS is pushing up the entire screen when editing Rich Text Editor with the keyboard popped out, making the toolbar not accessible anymore.

The first attached picture is without the keyboard popped out, and the second picture is with keyboard.

This issue is only applicable for iOS devices, android devices work fine. Is there some way to work around this issue? Thanks.

RichTextEditor

answered on 25 Nov 2020

1 answer

1.3K+ views

Binding SelectionChanged to a ViewModel Command

The only way I can see to do this so far, is to create an event handler in the code behind, then call into the view model from there. But, that seems hokey, from an MVVM perspective.

Is there a simple, straightforward way to set up the command binding from the markup instead?

DataGrid

answered on 24 Nov 2020

2 answers

171 views

TKDataFormDatePickerEditor on iOS 14

Date picker on iOS behaves and looks stangelly. Please see screenshot attached of the Example app provided in the latest available package Telerik_UI_for_Xamarin_2020_3_1106_1_Dev

DataForm - Xamarin.iOS

answered on 17 Nov 2020