Questions on UI for Xamarin Forum

1 answer

1.2K+ views

NavigationPage BackButton

Hi.I want to listen for the back button event on the navigation bar and Change background color. What should I do

Button

answered on 22 Apr 2022

1 answer

98 views

FooterTemplate

Radlistview is bound with footertemplate. Can you get the buttons in the template. I can't get the control through name.

ListView - Xamarin.Android

answered on 22 Apr 2022

1 answer

113 views

Suspended ball

Does telerik have controls that can be suspended? Suspension balls similar to IOS can be moved at will.

Button

answered on 21 Apr 2022

0 answers

109 views

Calendar DayView freezing application on UWP

Hello,

I have a problem regarding the Calendar DayView on UWP. The problem does not occur for my app on iOS or Android. When opening my page including the DayView the appointments are loaded correctly but the app is completly frozen and no further action can be taken. I tried multiple ways of loading the appointments and i will be posting my current setup below. For appointment loading i have tried the solution in the bug report https://feedback.telerik.com/xamarin/1497171-calendar-nullreferenceexception-when-setting-the-appointmentssource-in-uwp, which sadly does not fix the freezing problem.

Below is my code for the page:

View:

<pages:vContentPage
    x:Class="v.App.Views.AboutPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:pages="clr-namespace:v.App.Styling.Pages;assembly=v.App"
    xmlns:prism="http://prismlibrary.com"
    xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
    Title="About"
    prism:ViewModelLocator.AutowireViewModel="True"
    BackgroundColor="{DynamicResource ColorBackgroundPrimary}">
    <telerikInput:RadCalendar x:Name="calendar" 
                              ViewMode="Day"
                              NativeControlLoaded="MyCalendar_OnNativeControlLoaded">
        <telerikInput:RadCalendar.DayViewSettings>
            <telerikInput:DayViewSettings 
                DayStartTime="9:00:00"                                     
                DayEndTime="18:00:00"                                      
                TimelineInterval="2:00"                                      
                IsCurrentTimeIndicatorVisible="True"/>
        </telerikInput:RadCalendar.DayViewSettings>
    </telerikInput:RadCalendar>
</pages:vContentPage>

View.xaml.cs:

using System;
using System.Collections.ObjectModel;
using System.Drawing;
using Telerik.XamarinForms.Input;

namespace v.App.Views
{
    public partial class AboutPage 
    {
        public AboutPage()
        {
            InitializeComponent();
        }

        private void MyCalendar_OnNativeControlLoaded(object sender, EventArgs e)
        {
            var today = DateTime.Today;

            var items = new ObservableCollection<Appointment>
            {
                new Appointment {
                    Title = "Meeting with Tom",
                    Detail = "Sea Garden",
                    StartDate = today.AddHours(10),
                    EndDate = today.AddHours(11),
                    Color = Color.Tomato
                },
                new Appointment {
                    Title = "Lunch with Sara",
                    Detail = "Restaurant",
                    StartDate = today.AddHours(12).AddMinutes(30),
                    EndDate = today.AddHours(14),
                    Color = Color.DarkTurquoise
                },
                new Appointment {
                    Title = "Elle Birthday",
                    StartDate = today,
                    EndDate = today.AddHours(11),
                    Color = Color.Orange,
                    IsAllDay = true
                },
                    new Appointment {
                    Title = "Football Game",
                    StartDate = today.AddDays(2).AddHours(15),
                    EndDate = today.AddDays(2).AddHours(17),
                    Color = Color.Green
                }
            };

            (sender as RadCalendar).AppointmentsSource = items;
        }
    }
}

I have attached a screenshot from the loaded page aswell.

I am using the Telerik.UI.for.Xamarin Nuget-Package Version 2022.1.11.

Thank you in advance.

Calendar & Scheduling

asked on 14 Apr 2022

1 answer

179 views

RadEntry CursorPosition

When I use telerikinput: radentry, using the cursorposition attribute has no effect, but it takes effect when the cursorposition attribute is used in xamarin's native entry

<telerikInput:RadEntry x:Name="AAAAA"/>
<Entry x:Name="BBBB" />

AAAAA.CursorPosition = 0;
BBBB.CursorPosition = 0;

Entry

answered on 11 Apr 2022

5 answers

382 views

Grouping Header format

Hey guys,

I am currently implementing a grouping in my Listview. The data is getting grouped by a Datetimevalue.

I can sort the Listview by using this Datetime but then I get the long Datetimevalue inside the header I tryed using stringformat and a valueconverter but without any effect.

Is there a way to modify the output in the groupingheader?

Best regards

Julian

ListView

updated answer on 07 Apr 2022

1 answer

273 views

QR Code Scanner

Good day. How to Scan my generated QR code?

<telerikBarcode:RadBarcode x:Name="barcode"
                       Value="https://docs.telerik.com/devtools/xamarin/introduction">
    <telerikBarcode:RadBarcode.Symbology>
        <telerikBarcode:QRCode SizingMode="Stretch" 
                               CodeMode="Byte"
                               ErrorCorrectionLevel="H"                                    
                               ECIMode ="ISO8859_1" 
                               FNC1Mode="SecondPosition"  
                               ApplicationIndicator="00"/>
    </telerikBarcode:RadBarcode.Symbology>
</telerikBarcode:RadBarcode>

Barcode

answered on 06 Apr 2022

1 answer

216 views

Draw on Image using TelerikImageEditor

I am working on Xamarin iOS & UWP project, where I have to edit an image for which I am using TelerikImageEditor, but there is no option to Draw on image, is it possible to draw on image using any telerik controls?

ImageEditor

answered on 24 Mar 2022

1 answer

91 views

Xamarin Telerik backward capatibility with Kendo

I'm working on Xamarin forms app and trying to implement a DataGrid. Source came from server which use Kendo and have some option how to show this data in Web. Is it possible to use this settings with Telerik or need to create own parser and control to display this data?

DataGrid

answered on 15 Mar 2022

1 answer

504 views

RadListView ItemsSource Do not refresh

Dear brothers and sisters：

Please help me

There are two stacklayouts in my page. I use radsegmentedcontrol to control their isvisible attribute when switching. When switching, I add a piece of data to the radlistview in stacklayout. When I switch for the first time, I can add data and display it, but when switching for the second time, the data is added into itemssource, and the front page does not display new data

Here is my code,Attached is my video

<?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:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls" xmlns:local="clr-namespace:LogbotWMSApps.ViewModel" xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
x:Class="LogbotWMSApps.Views.AssignTasksPage">

<ContentPage.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="../Themes/AssignTasksStyles.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</ContentPage.Resources>

<ContentPage.Content>
<StackLayout>
<telerikInput:RadSegmentedControl x:Name="segmentControlText"
HeightRequest="40"
VerticalOptions="Start" SelectedIndex="0" SegmentBackgroundColor="AliceBlue" SelectedSegmentBackgroundColor="DodgerBlue" SelectionChanged="segmentControlText_SelectionChanged">
<telerikInput:RadSegmentedControl.ItemsSource>
<x:Array Type="{x:Type x:String}">
<x:String>Group1</x:String>
<x:String>Group2</x:String>
</x:Array>
</telerikInput:RadSegmentedControl.ItemsSource>
</telerikInput:RadSegmentedControl>

<StackLayout x:Name="FirstStackLayout" IsVisible="true">

<StackLayout>
<telerikDataControls:RadListView x:Name="listView" ItemsSource="{Binding Source}" SelectionChanged="listView_SelectionChanged">
<telerikDataControls:RadListView.BindingContext>
<local:AssignTaskModel />
</telerikDataControls:RadListView.BindingContext>
<telerikDataControls:RadListView.ItemTemplate>
<DataTemplate>
<telerikListView:ListViewTemplateCell>
<telerikListView:ListViewTemplateCell.View>
<Grid BackgroundColor="AliceBlue" Margin="0,1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="5*"></ColumnDefinition>
<ColumnDefinition Width="5*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label Margin="20,10" Text="{Binding TaskType}" />
<Label Grid.Column="1" Margin="10" Text="{Binding TaskCode}" />
</Grid>
</telerikListView:ListViewTemplateCell.View>
</telerikListView:ListViewTemplateCell>
</DataTemplate>
</telerikDataControls:RadListView.ItemTemplate>
</telerikDataControls:RadListView>
</StackLayout>

</StackLayout>
<StackLayout x:Name="SecondStackLayout" IsVisible="false">

<StackLayout>
<telerikDataControls:RadListView x:Name="RecordListView" ItemsSource="{Binding AssignTaskRecords}" SelectionChanged="RecordListView_SelectionChanged">
<telerikDataControls:RadListView.BindingContext>
<local:TaskDistributionRecord />
</telerikDataControls:RadListView.BindingContext>
<telerikDataControls:RadListView.ItemTemplate>
<DataTemplate>
<telerikListView:ListViewTemplateCell>
<telerikListView:ListViewTemplateCell.View>
<Grid BackgroundColor="AliceBlue" Margin="0,1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="5*"></ColumnDefinition>
<ColumnDefinition Width="5*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label Margin="20,10" Text="{Binding TaskType}" />
<Label Grid.Column="1" Margin="10" Text="{Binding TaskCode}" />
</Grid>
</telerikListView:ListViewTemplateCell.View>
</telerikListView:ListViewTemplateCell>
</DataTemplate>
</telerikDataControls:RadListView.ItemTemplate>
</telerikDataControls:RadListView>
</StackLayout>
</StackLayout>
</StackLayout>
</ContentPage.Content>
</ContentPage>

ListView

answered on 11 Mar 2022