We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Styling WinRT (XAML) Calendar Control - how to get rid of the border around every cell?

Thread ID:

Created:

Updated:

Platform:

Replies:

108693 May 7,2013 09:02 PM Mar 19,2018 08:32 AM WinRT 8
loading
Tags: SfAccordion
Lukasz Szkup
Asked On May 7, 2013 09:02 PM

Hi, I've sent a lot of time to style your calendar control but finally gave up. I wanted to achieve something really simple but have no idea how can I do it with your library. I need to have a transparent calendar with arrow buttons to change a month, selected day in red and NO border around cells and calendar.

Briefly speaking I have to make it look exactly like this:

Can you help with with showing a full example how to achieve it? I can live without arrow buttons but I need to get rid of the borders at least...

Thanks,
Lukasz



Mageshyadav M [Syncfusion]
Replied On May 8, 2013 07:34 AM

Hi Lukasz,

Thank you for using Syncfusion products.

Please find the sample to assist your requirement of changing the brush color of highlighted day cell and cell border thickness from the following location,

http://www.syncfusion.com/downloads/Support/DirectTrac/General/CalendarSample-2141598446.zip

In the above sample, we have customized the CalendarDayButton and CalendarView style and defined keys 'AccentBrush', 'CellBorderColor' and 'CellOuterBorderThickness'.

 1) AccentBrush : This key can be used to define the brush color of highlighted day cell.
 2) CellBorderColor : This key can be used to define the border color of each cell.
 3) CellOuterBorderThickness : This key can be used to define the outer border thickness of CalendarView containing the cells.

Please let us know whether the sample assists your requirement.

Please let us know if you have any queries.

Regards,
Mageshyadav.M


Lukasz Szkup
Replied On May 8, 2013 10:17 PM

Thanks guys! You're awesome :)

Lukasz Szkup
Replied On May 8, 2013 10:24 PM

So just one small thing: how can I style week day names? I need them bigger, coloured in red and have shorter names, for example Monday should be presented just as "M", Tuesday as "Tu", Thursday as "Th".

Thanks,
Lukasz


Mageshyadav M [Syncfusion]
Replied On May 9, 2013 02:57 AM

Hi Lukasz,

 

Please find the sample to achieve your requirement of styling week day names in Calendar control from the following location,

 

http://www.syncfusion.com/downloads/Support/DirectTrac/General/CalendarSample974571355.zip

 

In the above sample we have modified the DayNameCellTemplate property with new cell template to customize the week day names.

 

Please let us know if you have any queries.

 

Regards,
Mageshyadav.M


Lukasz Szkup
Replied On May 9, 2013 03:32 AM

Thank you very much, works like a charm!!!

Ahmad
Replied On August 18, 2014 01:56 PM

Hi Lukasz,

Thank you for using Syncfusion products.

Please find the sample to assist your requirement of changing the brush color of highlighted day cell and cell border thickness from the following location,

http://www.syncfusion.com/downloads/Support/DirectTrac/General/CalendarSample-2141598446.zip

In the above sample, we have customized the CalendarDayButton and CalendarView style and defined keys 'AccentBrush', 'CellBorderColor' and 'CellOuterBorderThickness'.

 1) AccentBrush : This key can be used to define the brush color of highlighted day cell.
 2) CellBorderColor : This key can be used to define the border color of each cell.
 3) CellOuterBorderThickness : This key can be used to define the outer border thickness of CalendarView containing the cells.

Please let us know whether the sample assists your requirement.

Please let us know if you have any queries.

Regards,
Mageshyadav.M


I just downloaded this sample and linked back to appropriate DLLs for reference, but the solution won't build. It keeps complaining about calendar not found in ...Controls.Input, Transition not found in Controls etc.

Glenn Russell
Replied On March 18, 2018 07:11 PM

Hi Lukasz,

 

Please find the sample to achieve your requirement of styling week day names in Calendar control from the following location,

 

http://www.syncfusion.com/downloads/Support/DirectTrac/General/CalendarSample974571355.zip

 

In the above sample we have modified the DayNameCellTemplate property with new cell template to customize the week day names.

 

Please let us know if you have any queries.

 

Regards,
Mageshyadav.M


I would like to be able to create my own icon files.

Marimuthu Sivalingam [Syncfusion]
Replied On March 19, 2018 08:32 AM

Hi Lukasz,

Thank you for your update.

We have checked your query “I would like to be able to create my own icon files.” and modified the sample to meet your requirement. In this modified sample we have added CellTemplateSelector to add the icon for particular cell based on the cell date. We have return the "Template1" datatemplate which contains icon for date “15” and other dates we have return "default" template. Please download the sample from below.

Sample:  http://www.syncfusion.com/downloads/support/forum/108693/ze/SfCalendar_Icon-1561984004 

If we have misunderstood your query please get back to us with more details. This would help us to provide solution at earliest.

Regards,
Marimuthu S.
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;