Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 


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
Previous Thread This topic has been viewed 854 times and has 8 replies Next Thread
eta1978
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 5962
Status: Offline
Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
eta1978
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
jasonsullivan
Veteran
Member's Avatar


Joined: Feb 7, 2014
Posts: 92
Status: Offline
Edit this Post   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] Show Post Printable Version    Hidden to Guest [Link] Report threatening post: please login first  Go to top 
eta1978
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
eta1978
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 5962
Status: Offline
Edit this Post   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:
 
<iframe src="http://www.localendar.com/public/eta1978?style=M6" height=600 width=700


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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
eta1978
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 5962
Status: Offline
Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
[Show Thread Printable Version] [Post new Thread]

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