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.
Paradise Theme - Calendar Icon Change
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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,
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,
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
You need to override the following css class to change navigation icons;
If you want to change different icons in Calendar, please let me know which icon you want to change.
Best Regards,
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 */
}
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest