Adding images in Calendar Control

Hello,

I have a calendar control in ASP.net as shown below. How do I add images to PreviousMonth and NextMonth's. Currently it shows just arrows.

    <asp:Calendar id="Calendar3" runat="server" SelectionMode="Day" BackColor="#FFFFCC" Width="180px"
 DayNameFormat="FirstLetter" ForeColor="#000000" Height="180px" Font-Size="8pt" Font-Names="Verdana" BorderColor="#FFCC66" >
<SelectorStyle BackColor="#FFCC66"></SelectorStyle>
<NextPrevStyle Font-Size="9pt"  ForeColor="#FFFFCC"></NextPrevStyle>
<DayHeaderStyle Height="1px" BackColor="#FFCC66"></DayHeaderStyle>
<SelectedDayStyle Font-Bold="True" BackColor="#CCCCFF"></SelectedDayStyle>
<TitleStyle Font-Size="9pt" Font-Bold="True" ForeColor="#FFFFCC"></TitleStyle>
<OtherMonthDayStyle ForeColor="#CC9966" BackColor="#EAEAEA"></OtherMonthDayStyle>
</asp:Calendar>
    </div>
rowmarkAsked:
Who is Participating?
 
mmarinovCommented:
Hi rowmark,

here is a trickky way
define style

    <style type="text/css">
    .NextStyle
    {
    width: 100px;
    height: 14px;
    background-image: url(nav.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 88px;
    text-decoration: none;
    }
    </style>

and then assign it to the next
<NextPrevStyle CssClass="NextStyle"></NextPrevStyle>

Cheers!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.