|
Index | Recent Threads | Register | |
Forums » List all forums » Forum: Discussion Forums » Thread: Custom Arrows and Search Buttons Pinboard View |
Total posts in this thread: 10 |
[Change thread status]
[Delete this Thread]
[Move this Thread] [Add To My Favorites] [Watch this Thread] [Post new Thread] |
Author |
|
itsupportIBG
New Member Joined: Jul 31, 2014 Posts: 13 Status: Offline |
I need to know how we can place custom images for the front and back arrows. Also, i need to know how to change the image of the search button on the bottom of the calendar. Your prompt assistance will be appreciated. |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
Info on changing the images is here: http://www.localendar.com/docs/display/lc/Using+custom+images+for+the+calendar+forward+and+back+arrows you can use similar code to change the image source of the Search button on the bottom of the calendar: <script>$(document).ready(function() {$('#b_search').attr('src', 'http://www.someserver.com/yoursearch.gif');</script> These examples show an image hosted at an external url. Of course, you can upload images to your localendar image library, and use those (just right-click on the image to get the full url) ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
itsupportIBG
New Member Joined: Jul 31, 2014 Posts: 13 Status: Offline |
My script for the arrows is not working: <SCRIPT src="https://www.localendar.com/public/itsupportIBG?include=Y&dynamic=Y&style=M6"> $(document).ready(function() {$('.mal-usr').attr('src', 'https://www.bloomingmore.com/v/images/arrow-left-btn.gif');$('.mar-usr').attr('src', 'https://www.bloomingmore.com/v/images/arrow-right-btn.gif');}); </SCRIPT> |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
What is the url of the site where you are using localendar? Are you using https:// there as well? ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
itsupportIBG
New Member Joined: Jul 31, 2014 Posts: 13 Status: Offline |
The website is the following: https://www.bloomingmore.com/holiday-calendar-online-flowers-s/2017.htm I´ve tried putting the title inside the webpage, in the footer, and the header and have no luck. Here is the code i have so far: <SCRIPT src="https://www.localendar.com/public/itsupportIBG?include=Y&dynamic=Y&style=M6"> </SCRIPT> <script>$(document).ready(function() {$('.mal-usr').attr('src', 'https://www.bloomingmore.com/v/images/arrow-left-btn.gif');$('.mar-usr').attr('src', 'http://www.bloomingmore.com/v/images/arrow-right-btn.gif');});</script> <script>$(document).ready(function() {$('#b_search').attr('src', 'https://www.bloomingmore.com/v/images/search-btn.gif');</script> |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
You did a great job. Actually, that particular view style was not exposing the correct CSS hooks for customization. We've fixed that, and your changes worked automatically. ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
itsupportIBG
New Member Joined: Jul 31, 2014 Posts: 13 Status: Offline |
Thank you for your assistance. I see that the arrow buttons work now, but the search button seems like it is stll not working.. can you tell me what the problem could be? |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
There was a missing "})" in the code you had on the calendar footer. I corrected it (and moved both lines of code under your Calendar Title field) ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
itsupportIBG
New Member Joined: Jul 31, 2014 Posts: 13 Status: Offline |
Thanks for your assistance. One more thing. When we click the arrow to the right or left, the right and left arrow buttons we assign no longer show up. Is there a fix for this? thanks |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
I think if you move the jquery code you have to the calendar title or footer in localendar, you should be all set. So for example, paste this into your calendar's footer field (under Options->General) <script>$(document).ready(function() {$('.mal-usr').attr('src', 'https://www.bloomingmore.com/v/images/arrow-left-btn.gif');$('.mar-usr').attr('src', 'http://www.bloomingmore.com/v/images/arrow-right-btn.gif');});</script> ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
[Show Thread Printable Version] [Post new Thread] |
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |