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!
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.
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
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.
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?
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"
?>
<
ContentView
xmlns
=
"http://xamarin.com/schemas/2014/forms"
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
>
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.
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>