Forums - Print Thread - Pinboard Trouble

Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: Pinboard Trouble
Print at Jul 8, 2025, 12:56:49 PM	View all posts in this thread on one page

Posted by eta1978 at Sep 4, 2014, 1:06:29 PM

Pinboard Trouble
I am trying to get the monthly pinboard style to show on my website. It doesn't seem to support percentages for height/width. Any workaround to make it for the <div> to expand? It will just show the very top of the calendar, and then cuts off.

I don't want to specify a certain height as I don't want wasted white space at the bottom. I just want it to be dynamic.

Thanks.

Posted by support at Sep 6, 2014, 2:13:04 PM

Re: Pinboard Trouble
%'s for height are always tricky (and rarely work they way we would all wish) in HTML.

But to really see what's going on, I would need a link to the page on your site where you're using localendar. Thanks!
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by eta1978 at Sep 8, 2014, 12:48:04 PM

Re: Pinboard Trouble
http://tinyurl.com/lzmf55k

Posted by jasonsullivan at Sep 11, 2014, 1:19:07 AM

Re: Pinboard Trouble
Try adding a 100% height to your .container class:

.container {
width: 1170px;
height: 100%;
}

----------------------------------------
Jason Sullivan
Support Associate
Localendar.com

Posted by eta1978 at Sep 12, 2014, 3:20:27 PM

Re: Pinboard Trouble
No, it didn't work. Any other ideas?

Posted by eta1978 at Sep 12, 2014, 4:08:39 PM

Re: Pinboard Trouble
I've gotten this to pseudo-work with an online solution:

.calendar {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
height:100%;
width:100%;
}

.calendar iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

This doesn't fully solve the problem as it still won't fully expand to show the bottom of the calendar with the buttons, and I have to use the scroll option for it to work responsively on mobile/tablets.

I could still use help solving this, and any thoughts appreciated. Thanks!

Posted by support at Sep 17, 2014, 1:23:17 AM

Re: Pinboard Trouble
It looks to me like you are using an iframe to publish the calendar on your site:

You can see right in that code that there is a fixed height, which will always truncate the calendar.

I would suggest you go back to the Publish Wizard and generate the HTML for either a "non-interactive" *or* "fully interactive" embedded calendar. The HTML generated by either of those selections will make sure the calendar is always displayed in your page at the correct height
(well, unless it is wrapped by another fixed-height container, but I don't see that issue on your page)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by eta1978 at Sep 17, 2014, 12:19:24 PM

Re: Pinboard Trouble
I had the iframe up because the other options weren't showing at all. So I was trying to work with that one. We are almost back to square one.

This is the fully interactive option:

This is the non-interactive option:

Posted by support at Sep 17, 2014, 4:26:18 PM

Re: Pinboard Trouble
It appears that on your site, jQuery is being included after localendar already includes it (which is removing most of the localendar code)

Normally, this shouldn't occur because we take steps to avoid these collisions. Nevertheless, it is definitely happening based on looking at your page.

I would temporarily remove this line on your page and see what happens:

<script type="text/javascript" src="assets/plugins/jquery-1.10.2.min.js"></script>

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