Telerik Forums
UI for Xamarin Forum
4 answers
178 views

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>

Michael
Top achievements
Rank 1
 answered on 28 Mar 2019
1 answer
81 views

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>
Didi
Telerik team
 answered on 27 Mar 2019
6 answers
403 views

Is there a way to make the headers stay on top of the grid while scrolling down?

Didi
Telerik team
 answered on 27 Mar 2019
7 answers
266 views

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

Lance | Senior Manager Technical Support
Telerik team
 answered on 25 Mar 2019
8 answers
1.1K+ views

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?

Lance | Senior Manager Technical Support
Telerik team
 answered on 22 Mar 2019
1 answer
174 views

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 

Didi
Telerik team
 answered on 21 Mar 2019
3 answers
125 views

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

 

Stefan Nenchev
Telerik team
 answered on 21 Mar 2019
8 answers
100 views

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

 

liam
Top achievements
Rank 1
 answered on 15 Mar 2019
2 answers
71 views

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());
            }
        }

liam
Top achievements
Rank 1
 answered on 15 Mar 2019
1 answer
118 views
At work, we are using xUnit to create our unit tests across all our .NET project. We would like to generate a report after running a unit tests project, but I can't find any way to do it. Do you guys know anything that could help me find a solution?
Thank you,
liam
Top achievements
Rank 1
 answered on 15 Mar 2019
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?