Forums - View Thread - Pinboard Trouble

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Webmaster's Corner » Thread: Pinboard Trouble

Quick Go »

Thread Status: Normal
Total posts in this thread: 9

[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]

Author

This topic has been viewed 1263 times and has 8 replies

eta1978
New Member

Joined: Sep 16, 2013
Posts: 7
Status: Offline

Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Thread]

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.

----------------------------------------
[Edit 1 times, last edit by eta1978 at Sep 4, 2014, 1:17:51 PM]

[Sep 4, 2014, 1:06:29 PM] [First IP: 69.174.141.154 - Last IP: 69.174.141.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6395
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

%'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

[Sep 6, 2014, 2:13:04 PM] [24.189.166.198]

[Link]

eta1978
New Member

Joined: Sep 16, 2013
Posts: 7
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

http://tinyurl.com/lzmf55k
----------------------------------------
[Edit 1 times, last edit by eta1978 at Sep 8, 2014, 12:48:51 PM]

[Sep 8, 2014, 12:48:04 PM] [First IP: 69.174.141.154 - Last IP: 69.174.141.154]

[Link]

jasonsullivan
Veteran

Joined: Feb 7, 2014
Posts: 92
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

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

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

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

[Sep 11, 2014, 1:19:07 AM] [71.68.14.180]

[Link]

eta1978
New Member

Joined: Sep 16, 2013
Posts: 7
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

No, it didn't work. Any other ideas?

[Sep 12, 2014, 3:20:27 PM] [69.174.141.154]

[Link]

eta1978
New Member

Joined: Sep 16, 2013
Posts: 7
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

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!
----------------------------------------
[Edit 1 times, last edit by eta1978 at Sep 12, 2014, 4:10:20 PM]

[Sep 12, 2014, 4:08:39 PM] [First IP: 69.174.141.154 - Last IP: 69.174.141.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6395
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Sep 17, 2014, 1:23:17 AM] [24.189.166.198]

[Link]

eta1978
New Member

Joined: Sep 16, 2013
Posts: 7
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

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:

[Sep 17, 2014, 12:19:24 PM] [50.195.163.245]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6395
Status: Offline

Re: Pinboard Trouble	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Sep 17, 2014, 4:26:18 PM] [24.189.166.198]

[Link]

[Show Thread Printable Version] [Post new Thread]