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>
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"
I want in the below format:
| Column1 | Column2 | Column3 |
| Entry | Combobox |
| CheckBox | CheckBox | CheckBox | Entry | Entry |
Thanks, Satya
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
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.
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?
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.
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;
}
}
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
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!
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>