localendar Forums Homepage

Print at Dec 14, 2018, 8:29:55 AM View all posts in this thread on one page
Posted by beatakacy at Jul 9, 2013, 5:53:59 PM
custom made arrows
Hi , I would like to use custom made arrows and I don't know where to change the code to point to my arrows hosted elsewhere.
I use Iframe callendar embedded code in my site. crying

Posted by support at Jul 10, 2013, 5:58:00 PM
Re: custom made arrows
No need to cry, it's not your fault.
We currently don't support custom arrows from our calendar customization tab (under Options->Colors) but there is a hack you can use (I think this is FAQ material!)

The month-arrow left and right arrows have a CSS class applied: mal-usr and mar-usr respectively (that stands for "month arrow left" and month arrow right")

You can use this custom class and a little jQuery/javascript to override the source settings for these arrows.

Where to put this code for an iframe-embedded calendar? in your localendar title or footer field under Options->General makes the most sense. Here's an example you can customize to point to your own images:

<script>$(document).ready(function() {$('.mal-usr').attr('src', 'http://www.xxx.com/yourleftimage.gif');$('.mar-usr').attr('src', 'http://www.xxx.com/yourrightimage.gif');});</script>
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by beatakacy at Jul 12, 2013, 10:38:13 PM
smile   Re: custom made arrows
smile Thank you so much custom arrows are in place :)

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us