Questions on UI for Xamarin Forum

5 answers

242 views

I'm trying to do some very simple proof-of-concept stuff in Xamarin with the Telerik TreeView and I'm experiencing cutoff expanders that are fine when non-expanded but the right side is cut off when expanded (see attachment). What might I need to do to have it display correctly?

The code is pretty simple:

<telerikDataControls:RadTreeView Grid.Column="0" x:Name="TopicsTreeView" ItemsSource="{Binding Topics}" CheckBoxMode="Propagate">
<telerikDataControls:TreeViewDescriptor ItemsSourcePath="Items" DisplayMemberPath="DisplayName" TargetType="{x:Type v1:Topic}"/>
</telerikDataControls:RadTreeView>

Thanks.

TreeView

answered on 09 Dec 2019

9 answers

346 views

ListView Item Swipe View Command Has Issue When Scrolling List Quickly.

I use swipe listview telerik it has issue, when I scroll the list up and down many times then before 5s then swipe left or right quickly press the view of the item swipe then it won't receive the Command event in item view swipe left or right which it jumps into the listview's Command ItemTapped. Hope admin give solution.

Thanks Admin.

ListView

answered on 09 Dec 2019

4 answers

350 views

RadListView Load on Demand, Loadmore option is displaying on Largespace

I am implementing Load on Demand, I am trying to enable the LoadOnDemand after getting the data from server and Binding like Below

IsLoadOnDemandEnabled="{Binding IsLoadOnDemand}"

Then I am enabling the IsLoadOnDemand = true after the data coming from server because If I enable it initially before List data binding this LoadMore option is showing.

To avoid this I am doing it dynamically. But I have below two issues

1) In iphone this is working fine but taking huge space on bottom, like long space up and down to the Loadmore text, But it should be content wrapped

In android working properly.

Please make sure why this behavior is happening in iOS.

2) Also If I enable Multi selection to this Listview the Image of check option is showing on LoadMore item also, this is not valid scenario.

User can able to select the Loadmore option, this is wrong.

Loadmore option must be only for load on demand purpose, it should not be selectable.

I need these two solutions

Please provide the solutions as soon as possible

thank you,

ListView

answered on 06 Dec 2019

1 answer

134 views

RadChat Load at Bottom

Is there an existing way to get the RadChat Control to load at the bottom first with several messages already on the view? Currently we are only able to get it to load at the top and have to scroll through all of the messages to get to the most recent ones at the bottom of the control.

Chat (Conversational UI)

answered on 05 Dec 2019

1 answer

158 views

CheckBoxMode with ItemTemplate

I have the following:

<telerikDataControls:TreeViewDescriptor

DisplayMemberPath="Title"

ItemsSourcePath="Children"

TargetType="{x:Type viewHelpers:GroupSettingsModel}">

<telerikDataControls:TreeViewDescriptor.ItemTemplate>

<DataTemplate>

<Grid Margin="{Binding Path=Level, Converter={StaticResource levelToMarginConverter}}"

HeightRequest="40"

ColumnSpacing="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto"/>

</Grid.ColumnDefinitions>

<telerikTreeView:ExpandCollapseIndicator

FontSize="Medium"

WidthRequest="10"

Margin="15,0"

VerticalTextAlignment="Center"

IsLoading="{Binding Path=IsLoading}"

IsLoadOnDemandEnabled="{Binding Path=IsLoadOnDemandEnabled}"

IsExpanded="{Binding Path=IsExpanded}"

IsLeaf="{Binding Path=IsLeaf}" />

<telerikTreeView:ItemText

Grid.Column="2"

Margin="8,0,0,0"

VerticalOptions="Center"

Text="{Binding Item.Title}" />

</Grid>

</DataTemplate>

</telerikDataControls:TreeViewDescriptor.ItemTemplate>

</telerikDataControls:TreeViewDescriptor>

Can you tell me how to add back the checkbox to my custom Template?

TreeView

answered on 05 Dec 2019

4 answers

119 views

Order of checkbox states

Is it possible to change order of checkbox states?

Now states are ordered indeterminate, unchecked, checked.

But when I initialize form with null for checkbox variables, so checkboxes are in indeterminate state.

First state after click such checkbox would be checked.

CheckBox

answered on 05 Dec 2019

7 answers

267 views

RadHorizontalGauge - Axis/Indicators and padding

Hi

I'm trying to use a RadHorizontalGauge with indicators that have some extra width (like a shape indicator which is a large circle or a text indicator containing some words) and i'm unable to display those properly when they are displaying near the Axis' edge values (they are being clipped). I've tried using the Gauge's Padding property (with and without IsClippedToBounds) and unable to get it working properly. The text/shape are being clipped at the edge of the axis and on occasions they are even displayed at an incorrect position (using both Left and Right padding seems to cause a mismatch between the axis tick/label position and the actual value they represent).

How do I get the Gauge to add "padding" to the canvas so the axis/indcators will have room to display longer text values? (like adding Margin to the Axes and Indicators but allow them to display on the entire canvas without being clipped to the axis bounds... the same effect as setting Minimum and Maximum to large values that cause the axis to draw itself farther than the edges, but without actually changing the Minimum/Maximum)

<ContentView.Resources>

<ResourceDictionary>

<telerikCommon:RadPathGeometry x:Key="TickGeometry">

<telerikCommon:RadPathFigure StartPoint="0.5, 0.5" >

<telerikCommon:RadArcSegment Center = "0.5, 0.5"

Size = "1, 1"

SweepAngle = "360" />

</telerikCommon:RadPathFigure>

</telerikCommon:RadPathGeometry>

</ResourceDictionary>

</ContentView.Resources>

<ContentView.Content>

<telerikGauges:RadHorizontalGauge x:Name="gauge1" IsClippedToBounds="False" Padding="30,0,30,0">

<telerikGauges:RadGaugeBase.Indicators>

<telerikGauges:GaugeShapeIndicator Value="5"

Shape="{StaticResource TickGeometry}"

Fill="Green"

Position="Center"

Offset="15"

Size="30"

PropertyChanged="GaugeShapeIndicator_PropertyChanged"/>

<telerikGauges:GaugeTextIndicator

HorizontalTextPlacement="Center"

StrokeThickness="0"

Text="Text of Indicator"

Value="0"

TextColor="Green"

TextMargin="4"

Position="Start"

VerticalTextPlacement="Top"

Offset="20" />

</telerikGauges:RadGaugeBase.Indicators>

<telerikGauges:RadGaugeBase.Axis>

<telerikGauges:GaugeLinearAxis Minimum="0" Maximum="10" Step="1" LabelPosition="End" LabelOffset="20" TickOffset="10"/>

</telerikGauges:RadGaugeBase.Axis>

</telerikGauges:RadHorizontalGauge>

</ContentView.Content>

Gauges

answered on 25 Nov 2019

3 answers

181 views

Is there is a way to switch between the ListViewLinearLayout to ListViewGridLayout in Xamarin.Forms ListView?

Hello Team,

We have a requirement where we need to switch between the ListViewLinearLayout to ListViewGridLayout using Telerik RadListView. Is there is any way/option available in Telerik RadListview to do such things. Please suggest.

Thanks & Regards,

Amit Kumar

ListView