Telerik Forums
UI for .NET MAUI Forum
1 answer
128 views

Hi,

I was trying to wrap the column header text for some of my columns in below DataGrid. for eg: Mininum Degree, Maximum Degree I want them to displayed in 2 lines: 
Minimum  |   Maximum
Degree          Degree

I have tried line breaks but didn't work

 

<telerik:RadDataGrid x:Name="SubfactorsGrid" ItemsSource="{Binding Subfactors}" AutoGenerateColumns="False" UserEditMode="None"
SelectionUnit="Row" RowHeight="30">
<telerik:RadDataGrid.Columns>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="SubfactorKey" HeaderText="Key" SizeMode="Fixed" Width="100"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="Name" HeaderText="Subfactor" SizeMode="Fixed" Width="250"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="MinimumDegree" HeaderText="Minimum Degree" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="MaximumDegree" HeaderText="Maximum Degree" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="Granularity" HeaderText="Degree Granularity" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="PercentWeight" HeaderText="Percent Weight" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="DisplayOrder" HeaderText="Display Order" SizeMode="Fixed" Width="150"/>
<telerik:DataGridBooleanColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="IsOverrideProgression" HeaderText="Override Progression" SizeMode="Fixed" Width="200">
<telerik:DataGridColumn.CellContentTemplate>
<DataTemplate>
<telerik:RadCheckBox IsChecked="{Binding IsOverrideProgression}" IsEnabled="False"/>
</DataTemplate>
</telerik:DataGridColumn.CellContentTemplate>
</telerik:DataGridBooleanColumn>
</telerik:RadDataGrid.Columns>
</telerik:RadDataGrid>

Didi
Telerik team
 answered on 18 Aug 2023
0 answers
55 views

Hi,

I was trying to merge the columns in RadDataForm to span a control across multiple coulmns. However I couldn't make it work, can you please help me getting this sorted out. Below is my XAML code

<telerik:RadDataForm x:Name="ToolsForm" AutoGenerateItems="False"
                             HeaderPosition="{OnIdiom Default=Above, Phone=Beside}"
                                     BindingContext="{Binding EditTool}">
<telerik:RadDataForm.LayoutDefinition>
<telerik:DataFormGridLayout ColumnCount="{OnIdiom Phone='1', Desktop='3', Tablet='3'}"
RowSpacing="15"
ColumnSpacing="5"/>
</telerik:RadDataForm.LayoutDefinition>
<telerik:DataFormRadEntryEditor PropertyName="Name" HeaderText="Tool"/>
<telerik:DataFormCustomEditor PropertyName="FactorName" HeaderText="Factor">
<telerik:DataFormCustomEditor.EditorTemplate>
<ControlTemplate>
<telerik:RadComboBox Placeholder="-- Select a Factor --"
Text="{Binding Value, Mode=TwoWay}, Source={RelativeSource Mode=TemplatedParent}"
ItemsSource="{Binding Factors}" DisplayMemberPath="Name"/>
</ControlTemplate>
</telerik:DataFormCustomEditor.EditorTemplate>
</telerik:DataFormCustomEditor>
<telerik:DataFormRadCheckBoxEditor PropertyName="CanView" HeaderText="Can View"/>
<telerik:DataFormRadCheckBoxEditor PropertyName="CanEdit" HeaderText="Can Edit"/>
<telerik:DataFormRadCheckBoxEditor PropertyName="CanDelete" HeaderText="Can Delete"/>
<telerik:DataFormRadEntryEditor PropertyName="User.FirstName"  HeaderText="User" IsReadOnly="True"/>
<telerik:DataFormRadEntryEditor PropertyName="User.Province" HeaderText="Province" IsReadOnly="True"/>
</telerik:RadDataForm>

 

I want in the below format:

| Column1                                                          | Column2                                                      | Column3                                                    |

| Entry                                                               | Combobox                                                                                                                        |

| CheckBox    | CheckBox    | CheckBox         | Entry                                                            | Entry                                                          |

 

Thanks, Satya

Satya
Top achievements
Rank 1
 asked on 17 Aug 2023
2 answers
197 views

I have an application that I've written handlers to remove the underline from the Entry / Editor input elements. But I'm using the RadTextMaskedEntry for a masked entry as TK is an easy implementation. But, I don't see any documentation on custom handlers or how I can remove the underline on the RadTextMaskedEntry.

Can you please provide a sample or direction on how this can be accomplished?

THanks

Billy

Lance | Senior Manager Technical Support
Telerik team
 answered on 11 Aug 2023
1 answer
60 views

Hi.

In the Xamarin app, I was using the OverflowButtonTemplate property, but it has disappeared in MAUI. When will I be able to use it again, or is it going to be removed? If not, then I need to find another solution.

Didi
Telerik team
 answered on 11 Aug 2023
0 answers
95 views

Programmers love intermittent errors :-(. 
Here is the XAML definition of my TabView.

<telerik:RadTabView Grid.Row="3" x:Name="AreaTabs" VerticalOptions="Fill"  IsContentSwipeEnabled="False" SelectionChanged="AreaTabChanged" Margin="1,10,1,0">
            <telerik:RadTabView.HeaderStyle>
                <Style TargetType="telerik:TabViewHeader">
                    <Setter Property="BackgroundColor" Value="#E1E1E1" />
                    <Setter Property="HorizontalOptions" Value="Fill" />
                    <Setter Property="HeightRequest" Value="48" />
                </Style>
            </telerik:RadTabView.HeaderStyle>
            <telerik:RadTabView.HeaderItemStyle >
                <Style TargetType="telerik:TabViewHeaderItem">
                    <Setter Property="Padding" Value="0" />
                    <Setter Property="TextColor" Value="#444444" />
                    <Setter Property="FontAttributes" Value="Bold" />
                    <Setter Property="VisualStateManager.VisualStateGroups">
                        <VisualStateGroupList>
                            <VisualStateGroup Name="CommonStates">
                                <VisualState Name="Normal">
                                    <VisualState.Setters>
                                        <Setter Property="BorderColor" Value="Transparent" />
                                    </VisualState.Setters>
                                </VisualState>
                                <VisualState Name="Selected">
                                    <VisualState.Setters>
                                        <Setter Property="BorderColor" Value="#FF7D00" />
                                    </VisualState.Setters>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateGroupList>
                    </Setter>
                </Style>
            </telerik:RadTabView.HeaderItemStyle>

            <telerik:TabViewItem x:Name="HeaderTab" HeaderText="Header">
                <Border x:Name="HeaderBorder" StrokeThickness="2" Stroke="Green" HorizontalOptions="Fill" VerticalOptions="Fill">
                    <WebView x:Name="Header"  HorizontalOptions="Fill" VerticalOptions="Fill" Navigating="ReceiveData">

                    </WebView>
                </Border>
            </telerik:TabViewItem>
            <telerik:TabViewItem x:Name="SidebarTab" HeaderText="Sidebar">
                <Border x:Name="SidebarBorder" StrokeThickness="2" Stroke="Blue" HorizontalOptions="Fill" VerticalOptions="Fill">
                    <WebView x:Name="Sidebar"  HorizontalOptions="Fill" VerticalOptions="Fill" Navigating="ReceiveData">

                    </WebView>
                </Border>
            </telerik:TabViewItem>
            <telerik:TabViewItem x:Name="BodyTab" HeaderText="Body">
                <Border x:Name="BodyBorder" StrokeThickness="2" Stroke="Red" HorizontalOptions="Fill" VerticalOptions="Fill">
                    <WebView x:Name="Body" HorizontalOptions="Fill" VerticalOptions="Fill" Navigating="ReceiveData">

                    </WebView>
                </Border>
            </telerik:TabViewItem>
            <telerik:TabViewItem x:Name="FooterTab" HeaderText="Footer">
                <Border x:Name="FooterBorder" StrokeThickness="2" Stroke="Pink" HorizontalOptions="Fill" VerticalOptions="Fill">
                    <WebView x:Name="Footer"  HorizontalOptions="Fill" VerticalOptions="Fill" Navigating="ReceiveData">

                    </WebView>
                </Border>
            </telerik:TabViewItem>
        </telerik:RadTabView>



Each TabviewItem contains a WebView. For debugging reasons, each TabViewItem has a border with different colors,
to additionally determine which one is currently displayed. The TabViewHeader has a colored Subline to show the selected tab.

Problem:
When I exit the page with the TabView using Shell.Current.GoToAsync(..) and later
return, the TabVieItem selected by default when the page is started is not displayed.
i.e. The TabViewHeader shows the selection correctly, but the content is empty. It doesn't own one either
colored border. The actual content to be displayed is only briefly shown for a few milliseconds. If I change the tab and return to the originally empty one, it is displayed.

This behavior does not always occur. But if then only when re-entrant the page. Never when you first call up the page
after the program start.
The debugger shows me that the IsVisible properties of th eselected TabViewItem, Border and WebView are true.

How to reset a TabView to an initial state when re-entering the page?

Is there a state with the TabView in which a TabViewItem is selected but there is no content?

Rolf
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 10 Aug 2023
1 answer
209 views

Is there a column chooser available for the MAUI data grid component?  I'm migrating from another component kit and I have the need for the user to pick the columns they want to have in the grid.

 

Thanks.

Lance | Senior Manager Technical Support
Telerik team
 updated answer on 08 Aug 2023
0 answers
66 views

Issue is only present on iOS.  Android and windows work as expected.

When using a ScatterLineSeries with a ItemSource set to an ObservableCollection the Chart control has a tendency to hang and lock the application when the ObservableCollection data slides (items are removed at position 0, and items are added to the end)

    When the issue occurs iOS Device log has entries such as:

    "default 09:31:45.095875-0500 myApp.Client.Mobile Hang detected: 0.39s (always-on hang reporting)"

    //this is called once during the setup of the control

    var data = new ObservableCollection<SeriesData>(); ScatterLineSeries lineSeries = new ScatterLineSeries() { DisplayName = series.Name, XValueBinding = new PropertyNameDataPointBinding(nameof(SeriesData.XScaled)), YValueBinding = new PropertyNameDataPointBinding(nameof(SeriesData.YScaled)), ItemsSource = data, }; chart.Series.Add(lineSeries);

    //this is called periodically as new data is available to display

    public void AddSeriesData(IEnumerable<SeriesData> data) { float? min = null; float? max = null; lock (_data) { foreach (var d in data) { d.XScaled = d.X; d.YScaled = ((d.Y ?? 0) - d.Series.MinValue) / (d.Series.MaxValue - d.Series.MinValue) * 100; if (_data.TryGetValue(d.Series, outvar collection)) { collection.Add(d); max = d.XScaled; min = collection[0].XScaled; while (max - min > settings.XAxisRange) {

    //application will start to hang here, once items are removed from beginning of the collection collection.RemoveAt(0); min = collection[0].XScaled; } } } } if (max != null) { xAxis.Maximum = max.Value; xAxis.Minimum = max.Value - settings.XAxisRange; } }

    public class SeriesData
        {
            public readonly Series Series;
            public readonly float? X;
            public readonly float? Y;
    
            public float? XScaled { get; internal set; }
            public float? YScaled { get; internal set; }
    
            public SeriesData(Series series, float? x, float? y)
            {
                Series = series;
                X = x;
                Y = y;
            }
        }
    Steve
    Top achievements
    Rank 1
    Iron
     asked on 08 Aug 2023
    1 answer
    138 views

    I have a RadPopup with buttons that navigate to new pages via shell navigation.  When I click to navigate to the new page it remains open.  

     

    I would like the popup to disappear like the rest of the page, but when I press back, I would expect it to still be open

    Didi
    Telerik team
     answered on 08 Aug 2023
    1 answer
    250 views

    Good morning,

    Is there a way to format/customize what the empty view looks like? Currently it just says "No data", I wasn't sure if it was possible to add a custom message/style.

    Thank you!

     

    Lance | Senior Manager Technical Support
    Telerik team
     answered on 04 Aug 2023
    2 answers
    66 views

    I am looking to have aBadge which is basically a styled label sitting on its own.

    I have tried adding a Badge View without content which wont work


    <telerik:RadBadgeView BadgeText="Archived" BadgeHorizontalAlignment="Start" BackgroundColor="#ffc107" BadgeTextColor="Black">
                               <telerik:RadBadgeView.Content>
                                    
                                </telerik:RadBadgeView.Content> 
                            </telerik:RadBadgeView>

    Is there something I can do to just use the Badge as its own control?
    Didi
    Telerik team
     answered on 04 Aug 2023
    Top users last month
    Henri
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    SUNIL
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    David
    Top achievements
    Rank 1
    Jackson
    Top achievements
    Rank 1
    Iron
    Iron
    Tim
    Top achievements
    Rank 3
    Iron
    Iron
    Iron
    Want to show your ninja superpower to fellow developers?
    Want to show your ninja superpower to fellow developers?