Questions on UI for Xamarin Forum

1 answer

221 views

We are adding rad Catesian Charts to our application to display some line graphs of data. The format of the chart looks terrible on iOS. There is no line showing on the Y-axis, The data is going behind the Y-axis, the spacing of data points on the axis is not uniform. And the X-axis has extra data points on it. How can I clean up the formatting issues that I am seeing?

01.<telerikChart:RadCartesianChart x:Name="ProfitabilityChart" BindingContext="{Binding ProfitabilityGraphViewModel}">

02. <telerikChart:RadCartesianChart.HorizontalAxis>

03. <telerikChart:DateTimeContinuousAxis MajorStepUnit="Week" LabelFormat="M/dd/yy" PlotMode="OnTicks" LabelFitMode="Rotate"/>

04. </telerikChart:RadCartesianChart.HorizontalAxis>

05. <telerikChart:RadCartesianChart.VerticalAxis>

06. <telerikChart:NumericalAxis/>

07. </telerikChart:RadCartesianChart.VerticalAxis>

08. <telerikChart:RadCartesianChart.Series>

09. <telerikChart:LineSeries ShowLabels="False"

10. ValueBinding="ProfitabilityValue"

11. CategoryBinding="DataDate"

12. ItemsSource="{Binding ProfitabilityGraphData}" />

13. </telerikChart:RadCartesianChart.Series>

14. </telerikChart:RadCartesianChart>

Chart

answered on 06 Apr 2021

7 answers

182 views

RadAutoCompleteView selects first item in list when return is hit on keyboard

So I am getting the "selected item" like so

<input:RadAutoCompleteView.Behaviors>

<xct:EventToCommandBehavior Command="{Binding CommandEquipmentListItemSelected}" EventName="SuggestionItemSelected" />

</input:RadAutoCompleteView.Behaviors>

Then in my view model I cast it like so ...

if (arg is null) return;

var tmpRadRadAutoCompleteView = arg as SuggestionItemSelectedEventArgs;

if (tmpRadRadAutoCompleteView.DataItem is not null)

{

JCJob job = (JCJob)tmpRadRadAutoCompleteView.DataItem;

Which works fine ... until .. the user hit's the return key on the keyboard ...

It then fires the command again and selects (passes in) the first item in the list ....

Obviously this is not desired behavior ....

AutoCompleteView

answered on 05 Apr 2021

3 answers

90 views

cartesian chart and the pan in the XAxis error

When we try to customise the cartesian chart in the iOS for the xamarin forms, then we are allowing the pan in the XAxis and also trying to set the value of Pan, but whenever I try to set the value of Pan then it is raising an exception. Kindly check it and update me asap.

Chart - Xamarin.iOS

answered on 05 Apr 2021

3 answers

273 views

ScrollItemIntoView

I am looking to scroll a item to the top of (if there is enough space below the item I am scrolling to) but I can only see scroll into view which doesn't meet my needs. is there any options I have missed?

ListView

answered on 25 Mar 2021

1 answer

161 views

RadDataGrid scrolled data destroyed on Android

Hello,

The problem is, that the RadDataGrid scrolled data is disappear after switching tab.

What you need:

1. Add RadDataGrid inside RadTabView.
2. RadDataGrid contains 4-5 columns with Auto size Mode and horizontal scroll available.
3. Scroll content, change the tab and go again to same tab.

Result:
Scrolled data is destroyed/covered with white color on Android device only

Expectation:

Data should display in proper way.

Thanks,
Ajay Dodiya

DataGrid

answered on 23 Mar 2021

1 answer

568 views

Xamarin RadEntry Change Border Color on Focus

Want to change RadEntry Border Color on focus without code behind file. To achieve this Focus event converted to Command and IsSelectedFocused Command is firing on focus. After this VisualElement is converted to RadEntry & BorderSyle.Color changed to Brown does not have any impact.

Secondly, RadEntry Trigger IsFocused also does not have any impact. Please advise, in this regards.

<input:RadEntry Style="{StaticResource ProductLabelStyle}"

WatermarkText="Product Name">

<input:RadEntry.Behaviors>

<common:RadEventToCommandBehavior EventName="Focused"

Command="{Binding IsSelectedFocused}"/>

</input:RadEntry.Behaviors>

<input:RadEntry.Triggers>

<Trigger Property="common:FocusElementHelper.IsFocused"

Value="True"

TargetType="input:RadEntry">

<Setter Property="input:RadEntry.BorderStyle"

Value="{StaticResource ProductEntryFocusBorderStyle}"/>

</Trigger>

</input:RadEntry.Triggers>

</input:RadEntry>

private IAsyncCommand<object> _isSelectedFocused;

public IAsyncCommand<object> IsSelectedFocused => _isSelectedFocused ??= new AsyncCommand<object>(onSelectedFocus, canSelectedFocus);

private Task onSelectedFocus(object arg)

{

if(!(arg is FocusEventArgs focusEventArgs))

{

return Task.CompletedTask;

}

if(focusEventArgs.VisualElement is RadEntry radEntry)

{

radEntry.BorderStyle.BorderColor = Color.Brown;

}

return Task.CompletedTask;

}

Entry

answered on 21 Mar 2021

19 answers

484 views

Set Selected Items

I have a list of people with their email/name loaded into my autocomplete. Is there a way I can pre-load a selected person object into the autocomplete? I've tried binding the Text property to my view-model, but that doesn't seem to do anything. Any help would be appreciated.

AutoComplete

answered on 19 Mar 2021

4 answers

465 views

RadDataGrid HeaderContentTemplate and GroupHeaderTemplate binding issuespHeader

Hello,

As the title says we are using the RadDataGrid with DataGridTemplateColumns and set a DataTemplate for the headers and groupheaders (globally defined in app.xaml but for simplicity here directly in the grid, but the issue remains the same).

When we set the binding for the HeaderText in the HeaderContentTemplate, the text is displayed correctly in the header, however in the output screen there are a lot of binding errors which significantly slows down the opening of the page. Same for the GroupHeaders when we bind to Group.Key in the DataTemplate, the groupheader is displaying correctly but the output is throwing binding errors.

01.<telerikDataGrid:RadDataGrid x:Name="ChecklistDetailGrid" ItemsSource="{Binding FilteredChecklistDetailGridItems}" AutoGenerateColumns="false" UserEditMode="None" BackgroundColor="White" VerticalOptions="FillAndExpand">

02. <telerikDataGrid:RadDataGrid.GroupDescriptors>

03. <telerikCommon:PropertyGroupDescriptor PropertyName="ParameterType"/>

04. </telerikDataGrid:RadDataGrid.GroupDescriptors>

05. <telerikDataGrid:RadDataGrid.GroupHeaderTemplate>

06. <DataTemplate>

07. <StackLayout Orientation="Horizontal" Margin="5,0,0,0" VerticalOptions="Center" >

08. <Label Text="{Binding Group.Key}" FontAttributes="Bold" TextColor="{StaticResource Secondary}" FontSize="16" FontFamily="QuicksandBold"/>

09. </StackLayout>

10. </DataTemplate>

11. </telerikDataGrid:RadDataGrid.GroupHeaderTemplate>

12. <telerikDataGrid:RadDataGrid.Columns>

13. <telerikDataGrid:DataGridTemplateColumn HeaderText="{Static helpers:TranslatorFields.Labels_ChecklistGridHeader_Parameter}" CellContentTemplate="{StaticResource ParameterTemplate}" CanUserSort="False" CanUserFilter="False" HeaderStyle="{StaticResource DataGridColumnHeaderNoFilterStyle}">

14. <telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate>

15. <DataTemplate>

16. <Label Text="{Binding HeaderText}"/>

17. </DataTemplate>

18. </telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate>

19. </telerikDataGrid:DataGridTemplateColumn>

20. </telerikDataGrid:RadDataGrid.Columns>

21. </telerikDataGrid:RadDataGrid>

Output:

[0:] Binding: 'Group' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

[0:] Binding: 'Group' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

[0:] Binding: 'Group' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

[0:] Binding: 'HeaderText' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

Thread finished: #15

[0:] Binding: 'HeaderText' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

[0:] Binding: 'HeaderText' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

[0:] Binding: 'HeaderText' property not found on 'CSD5_Mobile.ViewModels.Views.ChecklistDetailGridViewViewModel', target property: 'Xamarin.Forms.Label.Text'

Are we doing something wrong or is this a bug?

Kind regards

DataGrid

answered on 11 Mar 2021

3 answers

1.1K+ views

How can I insert an image from a Xamarin Resource into a RadFlowDocument

I am using RadFlowDocument to create a PDF that will be shared by the user. This is a Xamarin Forms app.

I am finding little documentation specific to using RadFlowDocument in the Xamarin context.

The RadFlowDocumentEditor.InsertImageInline method takes a Stream but I don't know how to get a Stream from a Xamarin Forms resource.

General Discussions

answered on 08 Mar 2021

5 answers

120 views

Cannot see text on black background

Perhaps I'm missing something obvious; apologies if so. I'm using a black background on my RichTextEditor and cannot see the text when I type (though it is there). I've tried the obvious properties of TextColor, etc. What am I missing?

RichTextEditor

answered on 08 Mar 2021