Telerik Forums
UI for Xamarin Forum
1 answer
141 views

In the dayView mode of RadCalendar, is it possible to do the following customizations?

1. Replace the time on the left-hand side with custom text (ex. "9AM" to "Period 1")

2. Put custom content within an appointment slot, such as putting a grid view within the appointment box instead of just text

3. Trigger a selection event when tapping on a dayView time slot (https://www.telerik.com/forums/day-view-selection-mode This thread seems to be related but would like an update as it was posted in 2017)

Thank you!

Yana
Telerik team
 answered on 20 Aug 2019
1 answer
90 views

I am having a real issue with the autocomplete view I have a large data set about 40 thousand records I have in sql a stored proc I can use to get data out if I allow the user the fist three chars as if I say less i hit the maxjson length issue from my api.

I want some way of telling the autocomplete to only filter after the  3 characters have been entered is that at all possible.

Didi
Telerik team
 answered on 19 Aug 2019
3 answers
480 views

Hello,

is it somehow possible to bind a chart at a list of dynamic objects or at a dictionary? Because I have a dictionary which contains different types of data (y-axis: numerical data, x-axis: timestamps) and I want to bind e.g. a line chart with two different series (or more) to this dictionary. I know I could split the different types of data into lists and bind them to the chart. But the data can contain an unspecified number of different types of data and I want to dynmically bind and create the chart and its series without having different list-properies inside my viewmodel, which would not fulfill my needs.

Many thanks in advance.

Kind regards,

Felix

 

 

Praveen
Top achievements
Rank 1
 answered on 16 Aug 2019
1 answer
641 views

With the two-way data binding when the source properties are updated outside of the control, they are still kept in sync with the DataForm editors, enabling you to solve a wide-range of scenarios.

Above feature is described in Dataform product page however I dont see any example in QSF or SDK Browser, as how two way source binding actually works and what scenarios it can solve. 

In my scenario, once dataform has been rendered can I use two way binding to update Dataform when my Source model gets updated from async API call.  It would be helpful to see an example for everyone so posting here. 


Lance | Senior Manager Technical Support
Telerik team
 answered on 13 Aug 2019
2 answers
178 views

Hi, i am tasked to do a cross platform mobile app for iOS and Android.

 

i need to create a SideDrawer which contain search filters. the button to activate this side drawer based on the design is supposed to be sticky on bottom left of the app.

wondering is it possible to be done on both platform and any sample for guide on how to do it?

Didi
Telerik team
 answered on 13 Aug 2019
1 answer
312 views

Android only (iOS is fine) . Telerik 2019.2.708.1, Xamarin.Forms 4.1

See gif video of problem at: https://ibb.co/S0FnhZ1

Basically, both the left and right Swipe items appear when Android users swipe left or right.

<?xml version="1.0" encoding="UTF-8"?>
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
             xmlns:common="clr-namespace:Max.Views.Common"
             xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
             xmlns:commands="clr-namespace:Telerik.XamarinForms.DataControls.ListView.Commands;assembly=Telerik.XamarinForms.DataControls"
             xmlns:vm="clr-namespace:Max.Views.HotlistPages.Landing"
             xmlns:shared="clr-namespace:UXDivers.Artina.Shared;assembly=UXDivers.Artina.Shared.Base"
             xmlns:max="clr-namespace:Max"
             xmlns:converters="clr-namespace:Max.Converters"
             xmlns:gestures="clr-namespace:MR.Gestures;assembly=MR.Gestures"
             xmlns:input="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
             x:Class="Max.Views.HotlistPages.Landing.HotlistView">
  <ContentView.Content>
        <!-- Total Grid -->
        <Grid HorizontalOptions="FillAndExpand" >
            <Grid.Resources>
                <ResourceDictionary Source="ErrorCellTemplate.xaml"></ResourceDictionary>
                <ResourceDictionary Source="TaskCellTemplate.xaml"></ResourceDictionary>
                <ResourceDictionary Source="AppointmentTemplateCell.xaml"></ResourceDictionary>
                <ResourceDictionary Source="ListViewGroupHeaderTemplate.xaml"></ResourceDictionary>
                <ResourceDictionary>
                    <converters:NegateBooleanConverter x:Key="NegateBooleanConverter"></converters:NegateBooleanConverter>
                </ResourceDictionary>
            </Grid.Resources>
 
            <!-- Nothing to show -->
            <common:NoResults IsVisible="{Binding ShowNoResultsHotlist}" FontAwesomeIcon="{x:Static max:FontAwesomeFont.Tasks}" Line1="All clear. Go ride a bike!" Line2="" Command="{Binding RefreshHotlistCommand}"></common:NoResults>
 
 
            <!-- Has Some Values -->
            <Grid HorizontalOptions="FillAndExpand"
                  IsVisible="{Binding ShowNoResultsHotlist, Converter={StaticResource NegateBooleanConverter}}">
                <common:LottieLoader IsVisible="{Binding IsLoadingHotlist}" />
                <telerikDataControls:RadListView
                                x:Name="list"
                                GroupHeaderTemplate="{StaticResource ListViewGroupHeaderTemplate}"
                                IsVisible="{Binding IsLoadingHotlist, Converter={StaticResource NegateBooleanConverter}}"
                                ItemsSource="{Binding ItemsHotlist}"
                                BackgroundColor="White"
                                 
                                IsPullToRefreshActive="{Binding IsBusyHotlist}"
                                IsPullToRefreshEnabled="True"
                                SelectionMode="None"
                                IsItemSwipeEnabled="True"
                                SwipeOffset="80, 0, 80, 0"
                                ItemSwiping="List_OnItemSwiping"
                                ItemSwipeCompleted="List_OnItemSwipeCompleted"
                                SwipeThreshold="100">
 
 
                    <!-- GROUP BY -->
                    <telerikDataControls:RadListView.GroupDescriptors>
                        <!-- TRICK I use a HotListGroupHeaderConverter to change the Date here to a nice pretty print -->
                        <telerikListView:PropertyGroupDescriptor PropertyName="GroupBySort"  SortOrder="Ascending" />
                    </telerikDataControls:RadListView.GroupDescriptors>
 
                    <!-- COMMANDS -->
                    <!-- COMMANDS -->
                    <!-- COMMANDS -->
 
                    <telerikDataControls:RadListView.Commands>
                        <commands:ListViewUserCommand Id="PullToRefreshRequested" Command="{Binding RefreshHotlistCommand}" />
                        <commands:ListViewUserCommand Id="ItemTap" Command="{Binding HotlistTapCommand}" />
                    </telerikDataControls:RadListView.Commands>
 
 
                    <!-- TEMPLATE CELLS -->
                    <!-- TEMPLATE CELLS -->
                    <!-- TEMPLATE CELLS -->
 
                    <telerikDataControls:RadListView.ItemTemplateSelector>
                        <vm:HotlistItemSelector
                                        AppointmentTemplate="{StaticResource AppointmentCellTemplate}"
                                        TaskTemplate="{StaticResource TaskCellTemplate}"
                                        ErrorTemplate="{StaticResource ErrorCellTemplate}"/>
                    </telerikDataControls:RadListView.ItemTemplateSelector>
 
            <!-- SWIPE -->
            <!-- SWIPE -->
            <!-- SWIPE -->
 
            <telerikDataControls:RadListView.ItemSwipeContentTemplate>
                <DataTemplate>
                    <Grid
                              Margin="0"
                              Padding="0"
                              ColumnSpacing="0"
                              RowSpacing="0"
                              BackgroundColor="White">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="80" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="80" />
                        </Grid.ColumnDefinitions>
                   
 
                        <!-- EDIT -->
                        <!-- EDIT -->
                        <!-- EDIT -->
                        <Grid Grid.Column="0"
                              BackgroundColor="{StaticResource WarningDarkerColor}"
                              Grid.ColumnSpacing="0"
                              Grid.RowSpacing="0"
                              Padding="0"
                              Margin="0,0">
                            <input:RadButton CornerRadius="0"
                                                    HorizontalOptions="FillAndExpand"
                                                    VerticalOptions="FillAndExpand"
                                                    BackgroundColor="Transparent"
                                                    Style="{StaticResource FontAwesomeFontIcon}"
                                                    Text="{x:Static max:FontAwesomeFont.History}"
                                                    TextColor="White"
                                                    FontSize="{Binding UIButtonSize}"
                                                    Command="{Binding BindingContext.MarkEventAsPostponedCommand, Source={x:Reference list}}"
                                                    CommandParameter="{Binding .}"
                                                     />
                        </Grid>
 
                        <Grid Grid.Column="2"
                                  BackgroundColor="{StaticResource OkColor}"
                                  Grid.ColumnSpacing="0"
                                  Grid.RowSpacing="0"
                                  Padding="0"
                                  Margin="0,0">
                            <input:RadButton CornerRadius="0"
                                                        HorizontalOptions="FillAndExpand"
                                                        VerticalOptions="FillAndExpand"
                                                        BackgroundColor="Transparent"
                                                        Style="{StaticResource FontAwesomeFontIcon}"
                                                        Text="{x:Static max:FontAwesomeFont.CheckSquare}"
                                                        TextColor="White"
                                                        FontSize="{Binding UIButtonSize}"
                                                        Command="{Binding BindingContext.MarkEventAsCompleteCommand, Source={x:Reference list}}"
                                                        CommandParameter="{Binding .}"
                                                         />
                        </Grid>
 
 
 
 
                    </Grid>
                </DataTemplate>
            </telerikDataControls:RadListView.ItemSwipeContentTemplate>
 
                </telerikDataControls:RadListView>
            </Grid>
 
            <!-- FAB BUTTON -->
            <!-- FAB BUTTON -->
            <!-- FAB BUTTON -->
 
            <!-- The Box View appears as a layout over the UI to show a grey transparent -->
            <gestures:BoxView
                    IsVisible="{Binding IsShowCreateEventButtonShowMenu}"
                    Grid.Row="0"
                    BackgroundColor="#22000000"
                    TappedCommand="{Binding ToggleCreateEventCommand}" />
 
            <Grid VerticalOptions="End" Margin="0,0,10,70"
                      Grid.Row="0"
                      RowSpacing="0"
                      IsVisible="{Binding IsShowCreateEventButtonShowMenu}"
                      HorizontalOptions="End"
                      WidthRequest="180">
                <Grid.RowDefinitions>
                    <RowDefinition Height="60"></RowDefinition>
                    <RowDefinition Height="60"></RowDefinition>
                </Grid.RowDefinitions>
 
 
                <common:FabActionButton
                        Grid.Row="0"
                        Text="Appointment"
                        Image="listviewcell_appointment.png"
                        Command="{Binding ShowCreateAppointmentCommand}"
                        CommandParameter="{Binding .}">
                </common:FabActionButton>
 
                <common:FabActionButton
                        Grid.Row="1"
                        Text="Task"
                        Image="listviewcell_task.png"
                        Command="{Binding ShowCreateTaskCommand}"
                        CommandParameter="{Binding .}">
                </common:FabActionButton>
 
 
            </Grid>
 
            <Grid Grid.Row="0" VerticalOptions="EndAndExpand" HorizontalOptions="EndAndExpand" IsVisible="{Binding IsShowCreateEventButton}">
                <common:FabPageButton x:Name="fabCreateButton"
                                          IsRotated="{Binding IsShowCreateEventButtonShowMenu}"
                                          Command="{Binding ToggleCreateEventCommand}">
                </common:FabPageButton>
            </Grid>
 
 
        </Grid>
    </ContentView.Content>
</ContentView>
Didi
Telerik team
 answered on 08 Aug 2019
11 answers
124 views

Granted, I sometimes clearly miss the obvious and that might be what's going on here, so my apologies ahead of time.

I'm trying to get the Tagit tutorial going and I might be missing some supplemental document or project, but the tutorial doesn't it make it clear as to exactly what's needed to do the necessary steps. For instance, it notes "Once the project is created, adding a "Getting Started" component is as simple as adding a page, adding a reference to the appropriate Telerik namespace, dropping in a SlideView control, and connecting it to the view-model:". However, I'm not quite sure what type of View needs to be added (I was assuming a ContentView), to which project (I'm assuming the Portable project), and what viewmodel (I don't see any viewmodels)? When I tried adding a ContentView and inserted the SlideView sample code into the content area, I cannot compile as I get a number of errors including errors with "gs" files.

Once I get past this steps, will the future steps have the same perception of generality of directions?

What would be great is if I could download the completed project and that might give me some much needed hints as to what I'm missing, but if I want to do it entirely myself then it seems the tutorial is missing some other references.

For the record, I've always been extremely satisfied with the professionalism and help that the Telerik team has offered. I don't have any doubts that I'll be able to eventually get this going.

My system: I'm on Windows 10 (version 1803...and, no, I cannot upgrade to 1903 due to corporate standardization); Visual Studio 2019 (version 16.2.0), and I've updated Xamarin.Forms to 4.2.0.618605-pre2.

Lance | Senior Manager Technical Support
Telerik team
 answered on 01 Aug 2019
3 answers
697 views

Hi There

In our app we have a radlistview. And we have label inside of it. We want to change the maxline of that label from 2 to 1 depending on device font size change(for accessibility). Just wondering is it possible to access that label by its name (MainLabel) and check its fontsize and change its maxline property from codebehind?

 

      <telerikDataControls:RadListView     ItemsSource="{Binding SelectedCategory.Volumes}" 
                                                                         x:Name="listView">
                        <telerikDataControls:RadListView.Commands>
                            <telerikListViewCommands:ListViewUserCommand Id="ItemTap" 
                                                                     Command="{Binding ItemTapCommand}" />
                        </telerikDataControls:RadListView.Commands>

                        <telerikDataControls:RadListView.ItemTemplate>
                            <DataTemplate>
                                <telerikListView:ListViewTemplateCell>
                                    <telerikListView:ListViewTemplateCell.View>
                                        <Grid Margin="0" Padding="0">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="3*"></ColumnDefinition>
                                                <ColumnDefinition Width="7*"></ColumnDefinition>
                                            </Grid.ColumnDefinitions>
                                            <ffimageloading:CachedImage Margin="0" 
                                                                    class="thumbnail-image" 
                                                                    Grid.Column="0" Aspect="AspectFit"
                                                                    DownsampleToViewSize="true" 
                                                                    Source="{Binding ImageUrl}">
                                            </ffimageloading:CachedImage>
                                            <StackLayout Grid.Column="1" Padding="0" class="volume-description" Margin="15,0,5,0"  VerticalOptions="CenterAndExpand">
                                                <Label class="volume-name"  
                                                       x:Name="MainLabel"                                                     
                                                   Text="{Binding VolumeSubject}" 
                                                   LineBreakMode="TailTruncation" MaxLines="2"></Label>
                                            </StackLayout>
                                        </Grid>

                                    </telerikListView:ListViewTemplateCell.View>

                                </telerikListView:ListViewTemplateCell>

                            </DataTemplate>
                        </telerikDataControls:RadListView.ItemTemplate>
                        <telerikDataControls:RadListView.ItemStyle>
                            <telerikListView:ListViewItemStyle                                               
                                        BorderWidth="0"
                                        BorderLocation="None"/>
                        </telerikDataControls:RadListView.ItemStyle>
                        <telerikDataControls:RadListView.LayoutDefinition>
                            <telerikListView:ListViewLinearLayout  VerticalItemSpacing="1" ItemLength="80"   />
                        </telerikDataControls:RadListView.LayoutDefinition>
                    </telerikDataControls:RadListView>

Lance | Senior Manager Technical Support
Telerik team
 answered on 26 Jul 2019
1 answer
159 views
Hello, I have a problem with the pdfviewer where the first page of a PDF shows its content fine. However, when I click on the button to go to the next page the pdfviewer will not show the page content unless you either zoom in or zoom out, then it updates the view. I have try several PDFs and all have the same problem, including the one that is provided by Telerik, the one with the specifications of the pdfviewer. This happens on Android and iOS. Any idea why this could be happening? Thanks.
Petar Marchev
Telerik team
 answered on 26 Jul 2019
1 answer
163 views
How would you go about supporting pull to refresh functionality? Alternatively how could you detect the first message on the chat has been presented? 
Petar Marchev
Telerik team
 answered on 26 Jul 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?