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

Hi Telerik,

I trying to run my app in windows, and observe that the Telerik RadSlideDrawer is not opening, to view the content, whereas the same code works fine in Android.

 

Code:

 

App in Windows:

 

App in Android (Works fine):

 

Thanks,

Mohammed Rameez Raza (Rameez).

Didi
Telerik team
 answered on 23 Aug 2023
1 answer
177 views

As an example, if we define the Axis (GaugeLinearAxis) Min and Max from -20 to 100, and the GaugeBarIndictor value is set to 35, the Fill starts at 0 and ends at 35, rather than starting at -20 and ending at 35.

Similarly, if the GaugeBarIndictor value is set to -10, the fill starts at 0, and ends at -10, rather than -20 to -10.

This behavior occurs on both windows and android.

Xaml

 <telerik:RadRadialGauge x:Name="gauge"
                            AutomationId="gauge">
        <telerik:RadRadialGauge.Axis>
            <telerik:GaugeLinearAxis x:Name="axis" />
        </telerik:RadRadialGauge.Axis>
        <telerik:RadRadialGauge.Indicators>
            <telerik:GaugeBarIndicator x:Name="barIndicator" />
            <telerik:GaugeNeedleIndicator x:Name="needle" />            
        </telerik:RadRadialGauge.Indicators>
        <telerik:RadRadialGauge.Ranges>
            <telerik:GaugeRangesDefinition x:Name="rangeDefinition">
                <telerik:GaugeGradientRange x:Name="mainRange">
                    <telerik:RadGradientStop x:Name="mainRangeStart" />
                    <telerik:RadGradientStop x:Name="mainRangeEnd" />
                </telerik:GaugeGradientRange>
            </telerik:GaugeRangesDefinition>
        </telerik:RadRadialGauge.Ranges>
    </telerik:RadRadialGauge>

Code Behind:

axis.Minimum = MinValue;
axis.Maximum = MaxValue;

private void SetValue(float? value)
{
        if (value == null)
        {           
            barIndicator.Value = MinValue;
        }
        else
        {        
            barIndicator.Value = value.Value;
        }
}

 

Didi
Telerik team
 updated answer on 22 Aug 2023
2 answers
302 views

We're evaluating RadDataGrid in a Maui app targeting Windows & macOS.

Is there any way to achieve keyboard navigation in the grid? For efficient data entry, users would expect to be able to use arrows/enter to navigate the grid and not just click to edit.

Jamison
Top achievements
Rank 1
Iron
 answered on 21 Aug 2023
1 answer
447 views

Hi, 

I'm trying to apply style for a disabled RadEntry in my current project but it is not working. Tried both styling from VisualStateManager and Style.Triggers but not working. Also strange that when I use the style from IsEnabled = true, the style is now working. Here's my code from Styles.xaml


<Style TargetType="telerik:RadEntry">
    <Setter Property="FontFamily" Value="OpenSansRegular"/>
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="TextColor" Value="{StaticResource FieldTextColor}" />
    <Setter Property="BorderBrush" Value="{StaticResource FieldBorderBrushColor}"/>
    <Setter Property="BorderThickness" Value="1,1,1,2"/>
    <Setter Property="FocusedBorderBrush" Value="{StaticResource FieldBorderBrushColor}"/>
    <Setter Property="BackgroundColor" Value="{StaticResource FieldBackgroundColor}"/>
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="Disabled">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="{StaticResource FieldInactiveColor}"></Setter>
                        <Setter Property="TextColor" Value="{StaticResource FieldTextInactiveColor}"></Setter>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </Setter>
    <!--<Style.Triggers>
        <Trigger TargetType="telerik:RadEntry" Property="IsEnabled" Value="False">
            <Setter Property="BackgroundColor" Value="{StaticResource FieldInactiveColor}"/>
            <Setter Property="TextColor" Value="{StaticResource FieldTextInactiveColor}"/>
        </Trigger>
    </Style.Triggers>-->
</Style>

 

Screenshot from the app:

Style should be like this

 

Maria
Telerik team
 answered on 21 Aug 2023
1 answer
300 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
108 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
378 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
137 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
205 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
370 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
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?