Paradise Theme - Calendar Icon Change

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
koushik_m100
Posts: 27
Joined: 05 Oct 2016, 14:32

01 May 2020, 09:00

Hi,
We are developing an application using the Paradise theme (Paid Version). I have a requirement like changing the calendar component icon if it is only time selection field (HH:mm). I have gone through different materials on web and tried various solutions but nothing worked actually. Is there any way to achieve this without losing responsiveness.
Any equivalent component also we can give a try. Thanks in advance.
Koushik Mitra

koushik_m100
Posts: 27
Joined: 05 Oct 2016, 14:32

10 May 2020, 05:50

Any Update on this?
Koushik Mitra

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

03 Jun 2020, 10:51

Hi,

Sorry for the delayed response! Which component are you using p:calendar or p:datepicker?
https://www.primefaces.org/showcase/ui/ ... ndar.xhtml
https://www.primefaces.org/showcase/ui/ ... cker.xhtml

Best Regards,

koushik_m100
Posts: 27
Joined: 05 Oct 2016, 14:32

03 Jun 2020, 14:20

I am using p:calendar component
Koushik Mitra

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Jun 2020, 13:11

You need to override the following css class to change navigation icons;

Code: Select all

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	font: normal normal normal 14px/1 FontAwesome; /* If you want to change icon library, please change this line */
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	content: "\f053";  /* FontAwesome icon code */
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	font: normal normal normal 14px/1 FontAwesome; /* If you want to change icon library, please change this line */
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
	content: "\f054";  /* FontAwesome icon code */
}
If you want to change different icons in Calendar, please let me know which icon you want to change.

Best Regards,

Post Reply

Return to “Paradise - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest