Ticket Box height depending on content, not static

[sysangh]

Hi There,

How can i size my ticket box depending on how many ticket options i have? The website has many events and this solution here https://theeventscalendar.com/support/forums/topic/iframe-height-for-ticketing-widget/ is not a valid suggestion. Our events are changing all the time and i can’t go in and manually change CSS for every single event page every day. How can i make it so the iframe scales dynamically without the scroll bar? Currently I have a set css in place to increase the size, but it looks awful. Please advise.

Thanks!

[Geoff B.]

Good evening Rudrasen and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.
I would love to help you with this topic.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

That way (alongside your website’s URL), I should be able to help provide a solution that works specifically for your website.

Best regards,

Geoff B.

[sysangh]

This reply is private.

[Geoff B.]

Good afternoon ,

Thank you for the system info.

I did a bit of research on this topic and, unless you include some Javascript based iFrame resizing (which is unfortunately outside the scope of our support), it looks like a set size (that would cover the different number of tickets you are selling) is the only way to go.

Instead of using CSS, you could use the following snippet: https://theeventscalendar.com/knowledgebase/changing-the-height-of-the-eventbrite-tickets-iframe/

I wish I had a better answer for you, but for now it’s the best one I have.

Best regards,

Geoff B.

[sysangh]

This reply is private.

[sysangh]

Also I noticed lots of other people on the forums were having this same problem, so perhaps if you had a solution for this in a thread, you would not get this question again.

[Geoff B.]

Good evening Rudrasen,

First I want to thank you for your feedback and letting us know that you would hope for better support on this specific issue.
This helps us improve. you are right, it is not a great answer.

I totally understand how frustrating this can be for the end user. A fix height is clearly not an acceptable solution in your case.
Please know that we do try to provide solutions (even very creative ones) whenever possible.

With that in mind, I decided to push my investigations further, and I believe I have found just what you are looking for here: http://www.bymichaellancaster.com/blog/fluid-iframe-and-images-without-javascript-plugins/

In short, adding these CSS rules to your theme and changing the following file to add the Fluidmedia class and remove the fixed height seems to do the trick: /the-events-calendar-eventbrite-tickets/src/Tribe/Template.php

Around line 72, try the following:https://git.io/vosc4

Let me know how that goes.

Best regards,
Geoff B.

 

[sysangh]

Thanks for your reply. I tried out the method you outlined and I also looked up other similar threads. However it still hasn’t worked. A lot of threads require me having access to the target domain (which i don’t… i can’t have access to eventbrites hosting… i can access my account sure but does that help?)

It still has scrollbars and doesn’t scale to the height of the contents.

[Geoff B.]

Good evening Rudrasen,

I am sorry to hear this hasn’t worked out on your end.
I have tested this thoroughly  with several themes and 1 or 2 EventBrite tickets.

I think the issue with this method might also be coming from the hardcoded aspect ratio (defined by the padding-bottom).
On your site, the results are much better with <span class=”webkit-css-property”>padding-bottom</span>: <span class=”value”>70.25%</span>; as a starting point, but not perfect.

As you can see from your own research, this is unfortunately not a simple issue to tackle.

At this current point, I am a bit at a loss for another solution.
That being said, I have opened a ticket and relayed this issue to our Dev team.

Although I cannot offer a date at this point, I can promise you that you will be contacted if a solution comes out.

Thank you for your understanding.

Best regards,

Geoff B.

 

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts