localendar Forums Homepage

Print at Apr 25, 2024, 8:52:17 PM View all posts in this thread on one page
Posted by loophole at Jan 17, 2013, 7:53:53 PM
wordpress and pinboard-style
hi,
trying to set up the calendar on a page in our artspace, so we can show the upcoming events in a calenadr, using the pinboard-style, looks kinda nice, but the events getting cut off and not showing everything i entered.
is there a possibility, so that it looks like in your sample

http://www.localendar.com/public/sample_pinboard?style=M6

here a link to a test site i made

http://www.loophole-berlin.com/2012/test-calendar/


hope you see what i mean.

also, how do i use the query with the plugin, doesnt matter what i type in, either url with ?style=M6
or just ?style=M6, it wont work.

another thing is, that i would like to have a mouseover image, so that the image changes, when you go over with the mouse, how can i implement that, either html or javascript, but preferreble html.

thanks
jan

Posted by support at Jan 18, 2013, 1:02:25 AM
Re: wordpress and pinboard-style
You wouldnt need to specify the "M6" parameter when you are using the WordPress plugin; you just select the view-style from the dropdown - which you have done because your pinboard view is what's being shown.

On the subject of the box height - that is working as intended. We have a maximum height of around 340px for any boxes on that view. Our sample looks different because we have many events with different-length descriptions, so they are different vertical sizes.

As it happens, since all of your event descriptions are very long, they all exceed the maximum size. The intent is for users to click on the title to see the full description.

The only way to change images on mouseover is with CSS or with JavaScript. You'll need to edit your event description in HTML. Here's some sample code:

<a href="" onMouseOver="document.MyImage.src='http://www.localendar.com/clipart/airplane.png';" onMouseOut="document.MyImage.src='http://www.localendar.com/clipart/ballons.png;'">
<img src="http://www.localendar.com/clipart/ballons.png" name="MyImage">

----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by loophole at Jan 18, 2013, 5:16:41 AM
Re: wordpress and pinboard-style
ok,
got it with the pinboard style,

but the html thing bothers me a bit, as if i put the code in, it works, but as soon as i hit update, the code gets kinda messed up, and so it doesnt work anymore.

any idea why?

thx
jan

Posted by support at Jan 23, 2013, 8:43:55 PM
Re: wordpress and pinboard-style
You might have to tweak it a bit, depending on how your site is constructed and how you are publishing the calendar.

Can you share a link to the site where you've published the calendar, and also an event where you're trying to use an image mouseover?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by loophole at Jan 27, 2013, 8:25:05 AM
Re: wordpress and pinboard-style
hi marc,
thanks again for writing.
here is a test side and its the evnt on the 18th of january.
thx
jan

http://www.loophole-berlin.com/2012/test-calendar/

Posted by support at Jan 30, 2013, 9:29:23 PM
Re: wordpress and pinboard-style
Have a look at your page (and event) now. I had to change the syntax slightly to get around some things we do to prevent badly written scripts from ruining your page.

The problem is that if I paste my code here, your browser will not display some of it properly.
I've put the example code on our wiki here:

http://www.localendar.com/docs/display/lc/Swapping+event+images+on+mouseover
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news


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