Event Calendar Css

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
11/16/2010 11:23:30 PM
Gravatar
Total Posts 26

Event Calendar Css

Hi Joe,

I want to change my event calendar style with my own  css..so,where should i make changes...please provide the detail description

Thanks & Regards

Ramakrishna Thota,

 

11/17/2010 9:43:27 AM
Gravatar
Total Posts 2253

Re: Event Calendar Css

Hi Ramakrishna,

The Event Calendar CSS is stored by default in the styledatacalendar.css file in your skin.

HTH,
Joe D.

11/17/2010 9:55:38 PM
Gravatar
Total Posts 26

Re: Event Calendar Css

 

Hi Joe,

I under stand the stylecalendar.css....In datacalendar header i found one td like

<td style="background-color: Silver;" colspan="7">  how to change the background color silver....?

Thanks & Regards,

Ramakrishna

11/18/2010 9:47:18 AM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Event Calendar Css

Hi Ramakrishna, it doesn't look like you'll be able to directly override the color of that enclosing <td> element since it's hardcoded, but you can override the background color of the element contained within the cell like this:

.mpcalendartitle { background-color: black !important; }

You may still see a silver border around the title (I did in my test), but there might be a way to hide that (i.e. cover it up) by playing with the padding or margin settings for the mpcalendartitle selector class. Joe D. is much more of a CSS guru than I, so hopefully he'll have a full solution for you.

Jamie

 

11/18/2010 9:55:47 AM
Gravatar
Total Posts 18439

Re: Event Calendar Css

In addition to what Jamie said, something like this might work at least in some browsers:

.mpcalendarmain td[colspan="7"] { background-color: black !important; }

I haven't tested it, but it is worth a try.

 

 

11/18/2010 10:01:48 AM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Event Calendar Css

Hey Joe, I still had my test page up, so I tried your solution and it worked like a charm in Firefox 4 beta 7, and IE 8. Good call, and I learned something new too.

11/18/2010 10:03:44 AM
Gravatar
Total Posts 2253

Re: Event Calendar Css

Hello all,

What Joe suggested is exactly what I was going to suggest. I know it works in IE7+ and FF. I haven't tried any of the WebKit browsers with it though.

Thanks,
Joe

11/18/2010 11:45:25 PM
Gravatar
Total Posts 26

Re: Event Calendar Css

Hi,

Check it my gravatar ,this is the event calendar control after applying my custom css..but in header a silver color border is coming...i think it comes from design part..so where should i make changes, to don't display the silver color border..

 

Thanks & Regards

Ramakrishna.Thota

11/19/2010 9:54:31 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Event Calendar Css

Ramakrishna, that looks like mine did when I used my original (incorrect) solution of applying styling to .mpcalendartitle, instead of Joe's correct one. Be sure to try this:

.mpcalendarmain td[colspan="7"] { background-color: black !important; }

If that's not working, what browser are you using?

Jamie

11/21/2010 9:38:20 PM
Gravatar
Total Posts 26

Re: Event Calendar Css

Hi Jamie & Joe,

 

Thank u Very Much.....the css class is working...Thank u Once Again.

Thanks & Regards,

Ramakrishna .Thota

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