Hi,

we war using the Telerik Calender in a MasterDetailPage as Master und the Information of the Date is in the Detail visualized. The new requirements are the App has to be a full physical Keyboard accessibility.

The MasterDetailpage is inside a Tappedpage. Only if a change the TappedPage, then the Calendar (Masterdetailpage -> Master) gets the keyboard focus. Wen i use the Tabulator-Key ("TAB") then the focus changed to the Detail and all other Elements, but the Calendar gets never the focus again (there Skip the Calendar).

the Calendar gets only the Focus, when ...

1. the TappedPage changes (between tabs)

2. use the key "Shift + Tabulator"

is there a way to fix the Tabindex or to force the Calendar to request the keyboard focus? In MasterDetailPages without the Calendar there is no problem. i tried to set "Tabindex", "IsTabStop", "Focused-Event" etc. without an effect.

Thanks :)

Imotek

I need to create a RadDataGrid where rows are dynamic custom control coming from API. I had asked a question before and it's helped me a lot. But currently, I cannot work more than one row. The first-row creation is very fine it's working so nicely with my custom controls, but not for the rest rows.  

If I use Label it works, but not in a dynamic custom control.

private void AddHeaderRowNew(IEnumerable<string> headers)
        {


            Feature newTree = (this.Parent as Home).GetNewTree();

            Dto.FeatureContainer container = Controls.ControlFactory.GetContainer(this.Template, newTree, this.Olp.AppProject.Layout.MetaTree,
                FeatureState.New,
                this.TreeRules,
                ApiClient.Models.RuleTarget.Tree);

            var views = container.GetViews(this.SimpleTreeElementIds);

            int index = 0;

            var columnWidth = Application.Current.MainPage.Width / headers.Count();

            foreach (string header in headers)
            {
                var view = views[index];
                columns.Add(header);
                this.dataGrid.Columns.Add(new DataGridTemplateColumn { SizeMode = DataGridColumnSizeMode.Fixed, Width = columnWidth, HeaderText = header, Name = header, CanUserFilter = false, CanUserGroup = false, CanUserSort = false, CanUserEdit = true, HeaderStyle = new DataGridColumnHeaderStyle { BorderThickness = new Thickness(0) }, CellContentTemplate = GetTemplate(view) });
                index++;
            }
        }

        public DataTemplate GetTemplate(View view) //working only for first row
        {
            return new DataTemplate(() =>
            {
                var stackLayout = new StackLayout();

                stackLayout.Children.Add(view);

                return stackLayout;
            });
        }

        public DataTemplate GetTemplate(string text) //working fine
        {
            return new DataTemplate(() =>
            {
                var stackLayout = new StackLayout();

                Label oLabel = new Label()
                {
                    BackgroundColor = Color.Transparent,
                    TextColor = Color.Black,
                    VerticalOptions = LayoutOptions.FillAndExpand,
                    HorizontalOptions = LayoutOptions.FillAndExpand,
                };

                //oLabel.SetBinding(Label.TextProperty, psPropertyName);
                oLabel.Text = text;

                stackLayout.Children.Add(oLabel);

                return stackLayout;
            });
        }

Hi,

I have a collection of items. They are grouped by one of the fields (DestinationName). For that behavior I'm using RadListView with a specified GroupHeaderTemplate. In every group set, each item has a switch button and a name. 

What I want to add is a switch button in the header of the group, which will change each of the inner switches once it's triggered. For example, if the outer switch is selected, all inner switches should be also marked as selected. Is that possible using that component?

Here's the code:

 <telerikDataControls:RadListView
                ItemsSource="{Binding Machines}"
                GroupDescriptors="{Binding GroupDescriptors, Mode=OneWayToSource}"  
                GroupHeaderStyle="{StaticResource ListViewGroupHeaderStyle}">
                <telerikDataControls:RadListView.GroupHeaderTemplate>
                    <DataTemplate>
                        <Grid BackgroundColor="{AppThemeBinding Light=White, Dark={StaticResource EntryBlack}}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <Label Text="&#x25B8;" Margin="8, 5, 0, 5" TextColor="{AppThemeBinding Light={StaticResource EntryBlack}, Dark=White}" FontSize="{StaticResource MediumFontSize}">
                                <Label.Triggers>
                                    <DataTrigger TargetType="Label" Binding="{Binding IsExpanded}" Value="True">
                                        <Setter Property="Text" Value="&#x25BE;" />
                                    </DataTrigger>
                                </Label.Triggers>
                            </Label>
                            <Label 
                                Margin="0, 5, 0, 5" 
                                Text="{Binding }" 
                                Grid.Column="1" 
                                TextColor="{AppThemeBinding Light={StaticResource EntryBlack}, Dark=White}" 
                                FontSize="{StaticResource MediumFontSize}" 
                                HorizontalOptions="Start" />

                            <Switch 
                                Grid.Column="2" 
                                HorizontalOptions="End" 
                                VerticalOptions="Start" />
                        </Grid>
                    </DataTemplate>
                </telerikDataControls:RadListView.GroupHeaderTemplate>
                <telerikDataControls:RadListView.ItemTemplate>
                    <DataTemplate>
                        <telerikListView:ListViewTemplateCell>
                            <telerikListView:ListViewTemplateCell.View>
                                <Grid Margin="0" BackgroundColor="{AppThemeBinding Light=White, Dark={StaticResource EntryBlack}}">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>

                                    <Switch IsToggled="{Binding Selected}" HorizontalOptions="Start" VerticalOptions="Start" OnColor="#860327" ThumbColor="#cccccc" Margin="10, 0, 0, 0"/>
                                    <Label Grid.Column="1" Text="{Binding MachineName}" Style="{StaticResource ContentItemTextTransperantStyle}" FontSize="14" Margin="13, 0, 0, 0" />
                                </Grid>
                            </telerikListView:ListViewTemplateCell.View>
                        </telerikListView:ListViewTemplateCell>
                    </DataTemplate>
                </telerikDataControls:RadListView.ItemTemplate>
            </telerikDataControls:RadListView>

Thank you in advance!

Hi, I need to create RadDataGrid in xamarin forms programmatically. it only creates the header and it's fine. But when I insert new data in ItemSource there has no new row added in UI while ItemSource already updated with new row data. I have tried in several ways and still, there has no progress. Have any other options to add a data row in RadDataGrid? code snippets are attached.

  private readonly RadDataGrid dataGrid = new RadDataGrid() { IsEnabled = true, AutoGenerateColumns = false };
  private List<GridModel> dataSource = new List<GridModel>(); 

  public async Task DoSetup()
        {
             Grid outermost = this.GetOutermostGrid();
             this.Content = outermost;
             AddHeaderRow(columsList);
             dataGrid.ItemsSource = dataSource;
             outermost.Children.Add(dataGrid);
             Grid.SetColumn(dataGrid, 0);
        }

private void AddHeaderRow(IEnumerable<string> headers)
        {
            foreach (string s in headers)
            {
                this.dataGrid.Columns.Add(new DataGridTextColumn() { HeaderText = s, SizeMode = DataGridColumnSizeMode.Stretch, Name = s, PropertyName = s });
            }
        }

private void AddNewRow(GridModel model)
        {
            //dataSource.Add(model);
            //dataGrid.ItemsSource = dataSource;
            (dataGrid.ItemsSource as List<GridModel>).Add(model);
        }

Im trying to install Telerik UI for Xamarin tools for Visual Studio for Mac by following the instructions here. Section "Download the controls", step 5.

When opening the "ProjectTemplateXamarin.mpack" file. I get the following error message:

The selected extension packages can't be installed because there are dependency conflicts. The package '::Xamarin.FormsPreviewer v4.15' could not be found in any repository.

The following packages will be installed: Telerik Xamarin Add-in v2021.1.413 (in user directory)

The follwing dependencies could not be resolved: ::Xamarin.FormsPreviewer v4.15

------------------------------------------------------------------------------------------------------------

What can I do to resolve this issue? Is there another way to install the extensions?

I assume this error has something to do with the warning bulletin in this article.

Thank you

Hello good afternoon, I have a problem since I updated to the most current versions of Xamarin.Forms and Telerik.

I had a ScrollView that was the parent of a RadTabView, and when switching between Tab items it updated as heights normally.

But after the update it records only the first height of the content of the first item and when I switch to the other items the scroll does not work because the height of the Tab does not change and he is unable to make a difference to calculate how much will roll.

EX:

 <ScrollView x:Name="s"
              BackgroundColor="Azure">
        <telerikPrimitives:RadTabView x:Name="tabView"
                                          BackgroundColor="Blue"
                                          IsContentSwipingEnabled="False">
            <telerikPrimitives:RadTabView.Items>
                <telerikPrimitives:TabViewItem HeaderText="Home">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="sta"
                                         BackgroundColor="Aquamarine">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st1" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
                <telerikPrimitives:TabViewItem HeaderText="Folder">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="stb"
                                         BackgroundColor="Firebrick">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st2" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
                <telerikPrimitives:TabViewItem HeaderText="View">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="stc"
                                         BackgroundColor="DodgerBlue">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st3" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
            </telerikPrimitives:RadTabView.Items>
        </telerikPrimitives:RadTabView>
    </ScrollView>

Ao mudar para o terceiro item da Tab ele não entende que deve fazer scroll.

Porf se alguém puder ajudar, agradeço.