Questions on UI for Xamarin Forum

12 answers

506 views

DataGrid Scrolling over the header title

I am trying to implement a data grid to have a GroupDescriptor and one TextColumn. I am able to display all the data correctly but when I scroll down the top rows are being scrolled over the header title. Below is the section of the data grid is there something that I am missing?

<telerikGrid:RadDataGrid AutoGenerateColumns="False" x:Name="AssignedRolesList" Grid.Row="1"> <telerikGrid:RadDataGrid.GroupDescriptors> <common:PropertyGroupDescriptor PropertyName="RoleName" /> </telerikGrid:RadDataGrid.GroupDescriptors> <telerikGrid:RadDataGrid.Columns> <telerikGrid:DataGridTextColumn PropertyName="OperationalPeriodName" HeaderText="Assigned Roles" /> </telerikGrid:RadDataGrid.Columns> </telerikGrid:RadDataGrid>

DataGrid

answered on 04 Apr 2018

6 answers

209 views

How to remove white boxes surrounding Labels on Telerik RadPieChart?

This code shows the labels surrounded by white boxes (central picture), and I can't seem to find a solution to remove them.

<telerikChart:RadPieChart.Series> <telerikChart:PieSeries ItemsSource="{Binding Data}" ShowLabels="True"> <telerikChart:PieSeries.ValueBinding> <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/> </telerikChart:PieSeries.ValueBinding> </telerikChart:PieSeries> </telerikChart:RadPieChart.Series>

Chart

answered on 03 Apr 2018

9 answers

730 views

Example of conditionally formatting rows?

Is there an example I can look at which shows how to conditionally change the background colour of the rows in a RadDataGrid? Also, is it possible to hide specific columns?

DataGrid

answered on 03 Apr 2018

3 answers

161 views

Indicator Size

Is there a way to change the size of the indicators? I find them to be way too big on small-format devices (like phones)

SlideView

answered on 02 Apr 2018

1 answer

99 views

How to remove background color in the axis

I need to remove the background color (grey shade) in the major tick and keep the background with only major tick lines, but I am unable to clear the color and keep only lines.

I am using custom xAxis

  var xAxis = new TKChartCategoryAxis();
            xAxis.Position = TKChartAxisPosition.Bottom;
            xAxis.PlotMode = TKChartAxisPlotMode.BetweenTicks;
            xAxis.AllowZoom = true;
            xAxis.Style.MajorTickStyle.TicksFill = new TKSolidFill(UIColor.Green);
            chart.XAxis = xAxis;

I have attached a screen shot of the line chart

Chart

answered on 30 Mar 2018

2 answers

117 views

telerik autocomplete Can I change the entire style?

telerik autocomplete I want to change the style like this.
I found an example but I could not find it.
Is it possible?

AutoComplete

answered on 30 Mar 2018

4 answers

147 views

Problem in Customizing Radial Gauge

Hi All,

I want to create a customized radial gauge with animation as shown in attached image as 'DesiredOutput.png'. Can anyone please help me in achieving the same. What I am doing is creating two radial bars with same offset value and then showing the animation. This is working fine but problem with this is that i am unable to show color range with this approach(like green to dark green). Second approach is that i am creating gauge range which gives the proper color range but with no animation and no start and end cap oval. Please tell me the correct approach.

Note :- Attached are three images 'DesiredOutput.png' image is what I want and the other two are what I am able to achieve.

Any help is welcomed. Thanks very much.

Gauges

answered on 28 Mar 2018

3 answers

195 views

charts legends

hi, i have a problem in adding legend to my charts, im using charts for xamarin formskindly find my code below.

var chart = new RadCartesianChart

{

BindingContext = new DepartmentalViewModel()

};

DepartmentalViewModel model = null;

await Task.Run(() => { model = new DepartmentalViewModel(); });

var departments = model.Data.GroupBy(test => test.Detpartment).Select(grp => grp.First()).ToList();

foreach (var dept in departments)

{

Xamarin.Forms.ToolbarItem item = new Xamarin.Forms.ToolbarItem();

item.Text = dept.Detpartment;

item.Order = ToolbarItemOrder.Secondary;

item.Clicked += DeptFilter_Clicked;

this.ToolbarItems.Add(item);

}

ObservableCollection<DepartmentalData> FilteredData = new ObservableCollection<DepartmentalData>(model.Data.Where(m => m.Detpartment == "OT").OrderBy(m=>m.Year).ToList());

var TargetSeries = new BarSeries();

var ActualSeries = new LineSeries();

CategoricalAxis HorizontalAxis = new CategoricalAxis();

NumericalAxis VerticalAxis = new NumericalAxis();

HorizontalAxis.ShowLabels = true;

VerticalAxis.Minimum=0;

VerticalAxis.MajorStep = 5;

VerticalAxis.ShowLabels = true;

chart.VerticalAxis = VerticalAxis;

chart.HorizontalAxis = HorizontalAxis;

TargetSeries.ItemsSource = new ObservableCollection<DepartmentalData>();

ActualSeries.ItemsSource = new ObservableCollection<DepartmentalData>();

foreach (var item in FilteredData)

{

TargetSeries.ItemsSource.Add(item);

ActualSeries.ItemsSource.Add(item);

}

TargetSeries.ValueBinding = new PropertyNameDataPointBinding("Target");

TargetSeries.ShowLabels = true;

ActualSeries.ShowLabels = true;

ActualSeries.DisplayName = "Actual";

TargetSeries.DisplayName = "Target";

ActualSeries.ValueBinding = new PropertyNameDataPointBinding("Actual");

TargetSeries.CategoryBinding = new PropertyNameDataPointBinding("Year");

ActualSeries.CategoryBinding = new PropertyNameDataPointBinding("Year");

chart.Series.Add(TargetSeries);

chart.Series.Add(ActualSeries);

chart.Grid = new CartesianChartGrid();

chart.Grid.YStripeColor = Color.Black;

chart.Grid.YStripeAlternativeColor = Color.Black;

chart.Grid.MajorLineThickness = 5;

chart.Grid.MajorLineColor = Color.Black;

chart.Grid.MajorXLineDashArray = new double[] { 2, 3 };

var legend = new RadLegend

{

LegendProvider = chart,

HeightRequest = 200

//LegendItemFontColor = Color.DarkGreen,

//Orientation = LegendOrientation.Horizontal

};

ChartTooltipBehavior tooltip = new ChartTooltipBehavior();

tooltip.TriggerMode = ToolTipTriggerMode.Tap;

chart.Behaviors.Add(tooltip);

Content = chart;

Chart

answered on 27 Mar 2018

3 answers

77 views

RadSideDrawer - Content reset on navigating away on iOS

Hi, I have an issue with the latest versions of Telerik (2018 versions). If I have a Picker inside a RadSideDrawer, if I select a value in that Picker and navigate away, the picker becomes unselected so when I navigate back, I don't have the value selected anymore. In previous versions or when the picker is in a standard page and not in a RadSideDrawer, the value remains selected when I navigate away and back.

Also, this only happens on iOS.

Here is a link to a solution that has an example with the working version (without RadSideDrawer) and one with the bug present (with RadSideDrawer): https://1drv.ms/u/s!AjaK-IYVoMdogdF47vrIa2TAWx2Jeg

There is nothing in the RadSideDrawer in terms of side menu buttons or a hamburger button, but that wouldn't have made a difference anyway.

SideDrawer

answered on 23 Mar 2018

2 answers

208 views

Rad data grid causing the app to crash

Hello we are using rad data grid (trial version 2018.1.221.240) in xamarin forms (Xamarin version 2.4.0.282).

We are displaying on a content page with content as rad data grid. Sometimes the value pages are white but respond to selection events and sometimes just opening the page causes app to crash.

Sometimes data grid works and displays just fine. We are unable to figure out the cause. Please help us out.

DataGrid

answered on 22 Mar 2018