The Event Calendar title (month) renders with an inline style of "background-color: Silver;". I looked at the source code to see if I could find where this is coming from but I can't. I even tried overriding this in the theme.skin file but it didn't work.

Can this be removed?

<table class="mpcalendarmain" ...>
<tbody>
<tr>
<td style="background-color: Silver;" colspan="7">
<table class="mpcalendartitle" ...>
...
...
</table>

Thanks,
Joe D.

Hi Joe,

I take it back, after further testing it seems we can't really bind the EnableTheming setting there, if I put anything other than hard coded false it resolves to true. I can't make it configurable from a setting because the EnableTheming can only be set during the OnPreInit event, but unfortunately only pages have this event, UserControls do not and by the time content features have loaded in the page the pre-init event has already happened in the page. So there is nowhere in code where I can set this.

So the only way to turn on theming is to edit the EventCalendarModule.ascx and set it to true, but then you would have to maintain that after upgrades which would be a pain.

Wish I could think of a solution but nothing comes to mind.

Best,

Joe

Hi Joe,

It is just the way the ASP.NET calendar control is implemented. It renders some inline styles by default. The issue is very similar to how crappy the ASP.NET Menu control renders as a set of nested tables rather than a list when not using the CSSControl Adapters that were released later to improve the rendering. Unfortunately there is no control adapter available to fix the rendering of the calendar as far as I know. There might be some improvements in the .NET 4 version of the control, I'm not sure, but we won't be able to change to .NET 4 for a while yet.

There is nothing in mojoPortal code that causes the inline styles, it is just the way the calendar control works.

Best,

Joe

Hi Joe,

I LOVE jQuery!!!!!! For anyone who wants to fix this themselves, here's the fix:

Add the following to your layout.master just after the <asp:ScriptManager line:

<script type="text/javascript">
  $(document).ready(function (){
    $("table.mpcalendartitle").parent().attr('style', 'background-color: transparent;');
  });
</script>

Hope this helps someone,
Joe D.