[Solved] Display Image on certain days

Hello,

you need to use a TemplateSelector for this. Please check this help article:
http://www.telerik.com/help/windows-phone/radcalendar-features-specialdays.html

Regards,
Valentin.Stoychev
the Telerik team

Hi,

Well, I'm still stuck....  The example just states to highlight weekends.  I need to highlight dates that have actual data.  Appointments that I have made.  Its not at all clear how this should work. I don't find a working way to check if there is actual data. Do you have some kind of working example for this?

thanks!

Hello Steven,

Thank you for contacting us. I've prepared a small project which demonstrates how to use a DataTemplateSelector in the context of RadCalendar. Please take a look at it and let me know if you find anything unclear or you need further explanation. I'd be glad to assist you.

Kind regards,
Kiril Stanoev
the Telerik team

Hi,

Ok.... its getting clearer, but say I have some data like:

            radCalendar.AppointmentSource = new SampleAppointmentSource();


       public class SampleAppointmentSource : AppointmentSource
        {
            public SampleAppointmentSource()
            {
            }
            public override void FetchData(DateTime startDate, DateTime endDate)
            {
                AllAppointments.Clear();
                DateTime start = new DateTime(DateTime.Today.Year, DateTime.Today.Month, 1);
                DateTime end = new DateTime(DateTime.Today.Year, DateTime.Today.Month, 2);
                IList<ViewEntry> list = DBHelper.GetReadOnlyEntrysForDate(startDate, endDate);
                for (int i = 0; i < list.Count(); i++)
                {
                    ViewEntry e = list.ElementAt(i);
                    
                        AllAppointments.Add(new CalendarAppointment()
                        {
                            StartDate = e.StartDate.AddMinutes(1),
                            EndDate = e.StartDate.AddMinutes(1),
                            Subject = e.GetText();
                        });
                }

So I am adding my own entries from the database.  And these are displayed on the given days on the calendar.

Also for these appointments I want to display a little icon as well as the text.So I need my template.

In the template version supplied I don't quite see how to access the appointment information.

If I query  CalendarButtonContentInfo info = item as CalendarButtonContentInfo;

The appointments in "info" are null, there are no appointments to query, kind of odd as they are displayed.  

info.Appointments.Count  is always 0.

Should the appointments be available in the CalendarButtonContentInfo ??  Perhaps I messed it up there?

Its like I need to display only on those days based upon my database entries, at the moment I don't see how to bind the template to the data.  The only solution i have at the moment is making query in the database in the Template, but this rather silly as I have to make a ton of queries every time the template is called (31 times!).

I'm sure i messed up somewhere...

Thanks!
S.

aggh, no answer, in the meantime I hacked it like this (not really a good solution):

                        AllAppointments.Add(new CalendarAppointment()
                        {
                            StartDate = e.StartDate.AddMinutes(1),
                            EndDate = e.StartDate.AddMinutes(1),
                            Subject = "Images/frog_sad.png" // FAKE IT to get the image and no text
                        });


                    <telerikInput:RadCalendar.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="5">
                                <Image Source="{Binding DetailText}" Width="24" Height="24" Visibility="Visible" Name="calIcon" />
                                <TextBlock Text="{Binding Text}" FontSize="17" VerticalAlignment="Bottom" HorizontalAlignment="Left" />
                            </Grid>
                        </DataTemplate>
                    </telerikInput:RadCalendar.ItemTemplate>


Now i got my icon there... OK, no text now :-(

Hello Steven,

This is in fact an issue in the current version of RadCalendar and we will try to fix it for our future releases. For now, you can use your AppointmentSource in the TemplateSelector and check if there are any appointments for the current date (info.Date) and based on that you can return the relevant template.

I have updated your account with some telerik points for reporting this issue. Let me know if I can assist you furtherer.

Kind regards,
Todor
the Telerik team

Hi,

Thanks for your reply.  My hack solution works for me at the moment.  I leave the text off and just display this icon.

thanks!
Steven.

Is there an updated way to do this?

I would not only like to display an icon but also change the background color of a day based on a custom property.

Hello,

As promised, the reported issue was resolved. Now the appointments info is available when the ItemTemplateSelector is applied and you can access it through the Appointments property of the CalendarButtonContentInfo.

Let us know if you need additional assistance.

Regards,
Todor
Telerik

Thanks for the reply, but can you provide a quick sample. I've tried looking through the resources without any success.

Hello Gilberto,

I have attached a sample application, which uses a custom template for the dates that contain appointments. In our online documentation you can see more about the appointments and the special templates.

I hope this information helps.

Regards,
Todor
Telerik

Thanks Todor for the reply, this has been helpful.

One more question...How can I query a custom IAppointment class property on my SelectTemplate Class. Please see the ".Result == true" line of the code below.

Result is a Boolean custom property in my SampleAppointment Class. 

​

Hi Gilberto,

You simply need to cast the appointment element to your custom type. For example, if your appointments are of type SampleAppointment and this type contains the property Result, here's how you can check its value:


Regards,
Todor
Telerik

Yes! thank you. this is what I needed.

Thank you I was looking for solution for this problem a long time. Thanks again for sharing it here. Now I have perfect calendar

 

_______________________

code promo la redoute​

Thank you for sharing it here. Now I have perfect calendar.

 

________________________

code promo la redoute​