DropDownCallendar custom skin

[Faleh]

Please syncfusion

I need to build my custom skin how looks like in the attachement file.

I wish to apply the Format "Image Blue" and I wish to apply my custom style to the callendar.

thanks.



calendar.zip

[Administrator]

Hi Faleh,

Thank you for your patience.

Issue 1: I need to build my custom skin how looks like in the attachment file.

Yes. you can customize the calendar control styles by writing the own skin. Below code snippet is used to achieve this behavior :

[.aspx] 
$ssw:DropDownCalendarControl ID="DropDownCalendarControl2" runat="server"  Format="Short" Width="237px" SkinID="DCCskin2">            
        $/ssw:DropDownCalendarControl>

[Skin]
   $ssw:DropDownCalendarControl runat="server" SkinID="DCCskin2">
            $CalendarStyle BackColor="#C000C0" />
            $WeekendDayStyle BackColor="#C0C0FF" />
            $DayStyle BackColor="#FFC0FF" />
            $TitleStyle BackColor="#00C0C0" />
            $DayHeaderStyle BackColor="#C000C0" />
            $OtherDayStyle BackColor="#FFE0C0" />
            $SelectedDayStyle BackColor="Olive" />
  

Issue 2 : I wish to apply the Format "Image Blue" and I wish to apply my custom style to the calendar.

You can apply the AutoFormat "Image Blue" for DropDownCalendarControl and also apply the custom style to that calendar. But our current code library support only to override the CalendarStyle. The other style is unable to customize. The issue mentioned here is suspected to be a defect and we have sent this to our development team for more analysis. We will update you once we get back from our development team.

$ssw:DropDownCalendarControl ID="DropDownCalendarControl1" runat="server" CustomFormat="dd/mm/yyyy "        
            Format="CustomString"  Width="237px" AutoFormat="Image Blue">
            
            $CalendarStyle BackColor="yellow" />
            $WeekendDayStyle BackColor="red"  />
            $DayStyle BackColor="#FFC0C0" />
            $TitleStyle BackColor="#C0C0FF" />
            $DayHeaderStyle BackColor="#EE7A03" />
            $OtherDayStyle BackColor="#E0E0E0" />
            $SelectedDayStyle BackColor="Red" />                       
           $/ssw:DropDownCalendarControl>

Note : Please note that we are used '$' instead of '<'

Please refer the sample in the below link which illustrates the above:

http://www.syncfusion.com/support/user/uploads/71961_e82f8829.zip

Please try running the above sample and let me know if this helps.

Regards,
Vishnu.

[Administrator]

Hi Falesh,

Thank you for your patience.

The issue of 'Unable to apply the custom styles when Auto Format is applied to the DropDownCalendar' has been confirmed as a defect and a defect report has been created. You can track the status of this defect in the following link:

http://www.syncfusion.com/support/issues/tools/Default.aspx?ToDo=view&questId=9130

I will get back to you once this issue has been fixed.

Regards,
Manopriya