Event Calendar Pro (CSS Body class)

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/31/2012 6:44:21 PM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Event Calendar Pro (CSS Body class)

Joe,

The Event Calendar pages do not have its own class in the body tag.
(I can only assign a class to the body tag via the "Page Settings" on the first page that contains the Events module).

Is there a way I can add a class to the body tag on the Event Calendar Pro pages?

Creating a separate skin is not a good option for my needs.

Thanks.

2/2/2012 8:57:50 AM
Gravatar
Total Posts 18439

Re: Event Calendar Pro (CSS Body class)

Hi Jerry,

I've just updated my copy so that the class you put in page settings will be applied to all of the supporting pages in event Calendar Pro. So this will be fixed in the next update.

Thanks,

Joe

2/2/2012 9:23:14 AM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Re: Event Calendar Pro (CSS Body class)

Joe, 

That is helpful.

Would it also be possible to add an extra css class to body tag
called "admin" or "eventsAdmin" on:

  • Events/Admin.aspx
  • Events/AdminOrderHistory.aspx
  • Events/AdminBrowseCarts.aspx
  • Events/EditEvent.aspx

The reason is that I have a some different styling on the site admin pages
that I would like to also apply to the Calendar Pro admin pages for consistent user experience.

Thanks,

Jerry

2/2/2012 9:58:38 AM
Gravatar
Total Posts 18439

Re: Event Calendar Pro (CSS Body class)

Hi Jerry,

Will do.

Best,

Joe

2/2/2012 10:39:58 AM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Re: Event Calendar Pro (CSS Body class)

Great. Thank you.

3/20/2012 7:55:33 PM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Re: Event Calendar Pro (CSS Body class)

Joe,

Do you know when the next update to Event Calendar Pro is expected?

My client is asking for the detail view to appear as a modal popup on the events home page.

I'm thinking that I could use jQuery and Colorbox to have the event detail view show up in an iframe in Colorbox, by referencing the "summary" or "url" class on the <a href> tag.  

The downside is that the main menus will show up in the detail view, unless there is a way to change the skin.  I suppose I could possible append "?skin=myAltSkin" to my event detail URL.

 Thoughts or suggestions?

3/23/2012 10:47:35 AM
Gravatar
Total Posts 18439

Re: Event Calendar Pro (CSS Body class)

Hi Jerry,

I've just released Event Calendar Pro 3.4.0.5 which includes the new CSS classes.

Best,

Joe

3/24/2012 11:00:10 AM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Re: Event Calendar Pro (CSS Body class)

Thanks.

3/24/2012 1:51:14 PM
Gravatar
Total Posts 63
Jerry McCreary
SureFire Studios, Inc.

Re: Event Calendar Pro (CSS Body class)

For anyone curious, I did end up using jQuery to have the event detail view show in a pop-up browser window. 

Although Joe's update of including my initial request -- having the body class you assign in the Page Settings carry over to the Event Calendar's child and support pages -- it didn't provide all the control I needed for styling the Detail View page.

My solution was to access with jQuery the Event Title link which has the css class "url".
From there, I was able to append a query string to the url referencing a different skin, and then using the
javascript window.open(); function to create a pop-up.

Example:

$('a.url').click(function(e){

     var myHref = $(this).attr('href');
     var myExt = '?skin=popup';
     var myWindow = 'Popup'; 
     var myParameters = "'scrollbars=auto, width=600, height=500";

window.open(myHref + myExt,myWindow,myParameters);
e.preventDefault();
return false;
});

 

###

You must sign in to post in the forums. This thread is closed to new posts.