Hi there,
I would like to use the legend for my pie chart. Since it might happen that around 10-20 different slices are being populated the according legend items need a lot of space. So I have tried to put the legend inside a scrollview, but no matter which constellation I have tested (grid row with fixed height, with * height, with auto height, stackview instead of grid, fixed size on the scrollview etc.) the scrollbar is almost never shown. Only when I manually set the height of the legend higher then the height of the scrollview a scrollbar is shown, but in this case I cannot really estimate what a correct size for the legend would be.
Is there any possiblity at all to make the legend scrollable?
Here is my xaml example:
<AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Padding="0">
<Grid AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1"
Padding="0" Margin="0">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="300" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<telerikChart:RadPieChart x:Name="performanceChart" Grid.Row="0" Grid.Column="0" Margin="30,30,30,30">
<telerikChart:RadPieChart.Series>
<telerikChart:PieSeries DisplayName="RequestsTotal" LegendTitleBinding="ServiceNameWithRequestsTotal"
ItemsSource="{Binding GraphDataByServiceName}" ValueBinding="RequestsTotal"/>
</telerikChart:RadPieChart.Series>
</telerikChart:RadPieChart>
<ScrollView Grid.Row="1" Grid.Column="0" Margin="15,0,15,0" HorizontalScrollBarVisibility="Never"
VerticalOptions="FillAndExpand" Orientation="Vertical">
<telerikChart:RadLegend LegendItemFontColor="{StaticResource ListItemTextBright}" HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand" LegendItemFontSize="15"
LegendProvider="{x:Reference Name=performanceChart}" Orientation="Vertical"/>
</ScrollView>
</Grid>
<StackLayout AbsoluteLayout.LayoutFlags="PositionProportional"
AbsoluteLayout.LayoutBounds="0.5,0.5,-1,-1">
<ActivityIndicator VerticalOptions="Center" HorizontalOptions="Center" IsVisible="{Binding IsLoading}"
IsRunning="{Binding IsLoading}"/>
</StackLayout>
</AbsoluteLayout>
I am having an issue with a stack of RadMaskedInput Controls on a Xamarin Form. Only in iOS, when rotating the phone the width size of the MaskedInput does not auto adjust. I also have RadEntry boxes in the same Form that do adjust on rotation.
This only happens on iOS.
I am using a FlexLayout. Maybe, I am not seeing something, or I am doing something wrong. But it strange that it only happens on iOS and not Android.
If I exist the Form in the given rotation and then reenter the Form, the widths do adjust. But it takes an exit of the Form in the given rotation to force the control to resize. Again, this occurs only on iOS.
Is this an known issue? If not, I will supply more XAML for review.
<
OnPlatform
x:Key
=
"PlatformCornerRadius"
x:TypeArguments
=
"x:Double"
><
On
Platform
=
"iOS"
>3</
On
><
On
Platform
=
"Android"
>8</
On
></
OnPlatform
>
<
OnPlatform
x:Key
=
"HeightScale"
x:TypeArguments
=
"x:Double"
><
On
Platform
=
"iOS"
>1.20</
On
><
On
Platform
=
"Android"
>1</
On
></
OnPlatform
>
<
telerikInput:BorderStyle
x:Key
=
"EntryBorderStyle"
BorderThickness
=
"1"
BorderColor
=
"#4488F6"
CornerRadius
=
"{x:StaticResource Key=PlatformCornerRadius}"
/>
<
Style
x:Name
=
"MaskedEditStyle"
TargetType
=
"telerikInput:RadMaskedInput"
>
<
Setter
Property
=
"ErrorColor"
Value
=
"Red"
/>
<
Setter
Property
=
"MaskType"
Value
=
"Regex"
/>
<
Setter
Property
=
"BorderStyle"
Value
=
"{StaticResource EntryBorderStyle}"
/>
<
Setter
Property
=
"ScaleY"
Value
=
"{StaticResource HeightScale}"
/>
</
Style
>
<
StackLayout
Grid.Row
=
"3"
Orientation
=
"Vertical"
>
<
Label
StyleClass
=
"entry-label"
>Last Name:</
Label
>
<
telerikInput:RadMaskedInput
x:Name
=
"tEmailEntry"
InvalidInputErrorText
=
"Invalid Email Address."
WatermarkText
=
"Email Address"
Mask
=
"{x:Static VM:FINSAccount.FINSCreateAccountViewModel.EmailExpression}"
InputValue
=
"{Binding FirstName, Mode=OneWayToSource}"
/> </
StackLayout
>
Is there a way to make the headers stay on top of the grid while scrolling down?
Hello,
I am using Telerik autocomplete and add filter button near autocomplete.If user click filter then autocomplete suggestion(also noResultMessage) must close but it dont.When click filter button then Filter frame opening behind the suggestionView.I want to opening frame in front.
Telerik Version : 2018.2.620.2 (we will update later)
here is xaml code
__________________________________
<Frame HasShadow="True" Margin="10,10,10,10" HorizontalOptions="FillAndExpand" VerticalOptions="Start" Padding="0" WidthRequest="400">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<telerikInput:RadAutoComplete x:Name="autoCompleteFilter" Grid.Row="0" Grid.Column="0"
ItemsSource=""
SuggestionItemSelected=""
TextSearchPath=""
CompletionMode="Contains"
FontSize="15"
Watermark="{Binding FilterHintText}"
NoResultsMessage="{translate:Translate noRecordFound}"
BackgroundColor="White" VerticalOptions="Center" >
<telerikInput:RadAutoComplete.Effects >
<effects:AutoCompleteEffect/>
</telerikInput:RadAutoComplete.Effects>
<telerikInput:RadAutoComplete.SuggestionViewHeight>
<OnPlatform x:TypeArguments="x:Double"
Android="200"
iOS="200" />
</telerikInput:RadAutoComplete.SuggestionViewHeight>
</telerikInput:RadAutoComplete>
<Button Text="" BackgroundColor="White" WidthRequest="40" HorizontalOptions="End"
Command="{Binding OnFilterClick}" Image="FilterIcon.png" />
</Grid>
</Frame>
####When filter clicks,This frame open behind suggestionViews But it must open above suggestionViews
<Frame BackgroundColor="White" x:Name="FilterSelectionView" HeightRequest="75" IsVisible="{Binding IsFilterVisible}" WidthRequest="100" Padding="0" TranslationY="64" Margin="0,0,15,0" VerticalOptions="Start" HorizontalOptions="End">
<StackLayout>
<Button Text="" WidthRequest="70" HeightRequest="35" BackgroundColor="White" Font="13" Command="{Binding ..}"/>
<Button Text="" WidthRequest="70" HeightRequest="35" BackgroundColor="White" Font="13" Command="{Binding ..}"/>
</StackLayout>
</Frame>
__________________________________
Here is ViewModel Filter Click Command
__________________________________
private void OnFilterClicked(object obj)
{
if (radAutoComplete != null)
radAutoComplete.Text = string.Empty; //here is working(It clears string) but suggestion views or noResultMessage dont close
if (IsFilterVisible)
{
IsFilterVisible = false;
}
else
IsFilterVisible = true;
}
________________________________
Thank you for your helps
Hi All,
ld
I've installed the Telerik nuget packages and now the credentials dialog pops up asking for my credentials repeatedly. Is there a way to stop this?
Hi all
i want to change the color of the Labels in Barseries . i am giving the Pallette so its filling the Bar but Series Labels color is same for all bars.my code is like this
<telerikChart:RadCartesianChart.Series>
<telerikChart:BarSeries ValueBinding="Count" x:Name="barchart" PaletteMode="DataPoint"
CategoryBinding="Status"
CombineMode="Stack" ShowLabels="True"
StackGroupKey="1"
AllowSelect="True"
ItemsSource="{Binding ScheduleEventData}" >
</telerikChart:BarSeries>
</telerikChart:RadCartesianChart.Series>
if any one have idea please post it here
This issue only appears in Android on certain hardware. I have a RadSideDraw that comes from the top, rather than the sides. Inside this I have a RadBusyIndicator, and within that a RadDockLayout. I have no defined TOP content for the RadDockLayout, just a BOTTOM RadDockLayout, with the rest of the screen wrapped in a Scrollview, which contains a Grid, that layouts the rest of the screen. When this view is loaded, the button that should display at the bottom, is not displayed, however, as soon as I click the button to display the RadSideDraw (comes from the top), then dismiss the RadSideDraw, the button appears. Basically the following:
<telerikPrimitives:RadSideDrawer x:Name="drawAdvanced" DrawerLength="200" DrawerLocation="Top">
<telerikPrimitives:RadSideDrawer.DrawerContent>
<Grid>
DRAW CONTENTS
</Grid>
</telerikPrimitives:RadSideDrawer.DrawerContent>
<telerikPrimitives:RadSideDrawer.MainContent>
<telerikBusyIndicator:RadBusyIndicator x:Name="BusyIndicator" IsBusy="{Binding IsBusy,Mode=TwoWay}" AnimationType="Animation2" AnimationContentColor="#1D4F91" Opacity="50">
<telerikBusyIndicator:RadBusyIndicator.Content>
<telerikCommon:RadDockLayout x:Name="dockLayout">
BUTTON DEFINITION, PLACED VIA A GRID WITH DOCKLAYOUT AS BOTTOM
<ScrollView>
<Grid>
CONTENTS OF THE REST OF THE PAGE, TAKES A FULL PAGE, MORE ON SMALLER SCREENS
</Grid>
</ScrollView>
</telerikCommon:RadDockLayout>
</telerikBusyIndicator:RadBusyIndicator.Content>
</telerikBusyIndicator:RadBusyIndicator>
</telerikPrimitives:RadSideDrawer.MainContent>
</telerikPrimitives:RadSideDrawer>
It only seems to have an issue on Android devices with the virtual buttons at the bottom. It seems it hasn't catered for the virtual buttons. I only have the issue with this one page, an almost identical page is fine, except the SideDrawer comes from the side, not the top.
Any thoughts on where I stuffed up? :)
Sean
Today I upgraded to R1 2019 (version 2019.1.116.340)
I cleaned all projects, deleted all bin/obj, rebooted VS and then rebuilt. All my Telerik controls are no longer are visible. White spaces. iOS and Android
I restored the previous 2018 version and it's working again
When i click the submit button and fire this code it inserts it into the databse correctly but seems to duplication depending on how many entries already exist. Is there a way i can set a loop or if statement to limit to one entry, i tried to do via the datetime but because the multiple entries go in a second apart it wont work. Any help appreciated. Still a beginner in Xamarin.
Some of my code included in my submit button click is :
async Task AddInitialFeedback(string usersymptomid)
{
SymptomFeedback symptomFeedback = new SymptomFeedback();
symptomFeedback.Usersymptomid = usersymptomid;
symptomFeedback.Intensity = RatingSlider.Value.ToString();
symptomFeedback.UserID = Helpers.Settings.UserKey;
symptomFeedback.DateTime = DateTime.Now.ToString("dd/MM/yyyy HH:mm:ss");
symptomFeedback.Datetimelimit = DateTime.Now.AddMinutes(30).ToString("g");
// symptomFeedback.Symptomfeedback = Symptomfeedback.Text.ToString();
try
{
await symptomfeedbackmanager.AddSymptomfeedback(symptomFeedback);
//We have to null the id so that we are not always updating the existing feedback item
symptomFeedback.Id = null;
}
catch (Exception ex)
{
Analytics.TrackEvent(ex.ToString());
}
}