Archived

This topic is now archived and is closed to further replies.

  • 0

ai1ec (timely calendar plugin) modal css problem


Question

Posted · Report post

Hi,

 

On http://www.uitinbeeld.nl/uitagenda/ there are two buttons on the top right to add events. The calendar is the All in One Event Calendar from Timely. A modal popup window appears. However, somehting goes wrong with fading and opacity in Firefox, Chrome and Safari (in IE10 there are no problems). The problem is related to Pagelines. In Twenty Twelve the popup windows appear normaly. It's also not related to any other plugin as I tested with all othere plugins deactivated. 

 

Any idea how I can fix the css? 

 

Thanks!

 

Running Pagelines 2,4,4 and WP 3.5.2

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi,

 

I seem to recall several clients complaining about a compatibility issue with All In One Events Calendar, which turned out (I believe) to be a javascript or jQuery conflict of some kind.   Did you update the plugin?

 

http://www.pagelines.com/forum/topic/25354-fatal-error-after-all-in-one-event-calendar-update/

 

This may help though:  http://www.pagelines.com/forum/topic/25608-all-in-one-event-calender-css-problem/

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Both links are to different problems with the timely calendar. Both already solved.

 

The 'Cannot redeclare class lessc' was solved in Pagelines 2.4. 

The other link is to a problem with links in the calendar. Solved with some custom css.

 

Any other ideas? Pagelines also has (bootstrap) modals you can use. I expect it interferes with the modal of the timely plugin.

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

If there's a browser-based CSS conflict between PageLines and the plugin, you can try using our Browser-Specific CSS plugin, to write some code for it, but I'd have no idea what CSS to use or even where to look. We'd recommend Firebug or Chrome's inspection tools to help you with this normally.

 

Unfortunately, this is really a customization of a third-party plugin.  I suspect you're correct that it's related to the modal, and probably because of the systems each use to generate modals.  This kind of customization calls for either a developer or, using a different plugin.   Keep in mind that our bootstrap code comes from Twitter, so if the All-in-One Calendar plugin doesn't use that, the key is going to be fixing the plugin, not PageLines or Twitter.

 

Have you reached out to Timely to show them the issue?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Yes I contacted Timely, they are trying to solve it.

 

There are no problems with the plugin in twenty twelve, hence I would say the problem is also theme related. Further, Pagelines is using bootstrap for their product, any problem with bootstrap is Pagelines' responsibility. I am paying Pagelines, not bootstrap. The power of wordpress is the platform function and the availability of plugins. Any theme should therefor strive for compatability with as many well maintained plugins as possible. No customization asked, just compatibility.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

Unfortunately we're unable to be 100% compatible with all third party plugins, if there is a conflict with a plugin inside the framework then we'd advise you to go back to the plugin author. Unfortunately we're unable to tweak plugins to fit the framework, each plugin will use it's own code depending on the plugin author, not all of these will always meet Wordpress standards or guidelines and as you can appreciate there are thousands of third party plugins.

 

See if the plugin author can offer a work around or coding fix depending on the error presented. Otherwise you'll unfortunately need to find an alternative plugin which provides the same functions but doesn't conflict.

Share this post


Link to post
Share on other sites