This is a migrated thread and some comments may be shown as answers.

Navigation Text

2 Answers 62 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Joseph Hua
Top achievements
Rank 1
Joseph Hua asked on 11 Jun 2010, 08:46 PM
I have this:

<

 

telerik:RadDatePicker ID="calDate" Runat="server" AutoPostBack="True" Width="95px"

 

 

Culture="English (United States)" onselecteddatechanged="calDate_SelectedDateChanged">

 

 

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"

 

 

ViewSelectorText="x" ShowRowHeaders="false" BorderStyle="Solid" NavigationPrevText="Prev" NavigationNextText="Next"

 

 

BorderWidth="1px" BorderColor="#573d08" CalendarTableStyle-BackColor="Control" FastNavigationStyle-BackColor="Beige" HeaderStyle-BackColor="#095287" HeaderStyle-ForeColor="White" TitleStyle-BackColor="#095287" TitleStyle-ForeColor="WhiteSmoke" DayNameFormat="FirstTwoLetters" DayStyle-BackColor="ButtonFace" DayStyle-Width="13px" Width="150px" ShowOtherMonthsDays="false" SingleViewRows="5" CssClass="formInput" FastNavigationStep="2" ></Calendar>

 

 

<DatePopupButton ImageUrl="res/btn_calsm.png" HoverImageUrl="res/btn_calsm.png" ToolTip=""></DatePopupButton>

 

 

<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" AutoPostBack="True"></DateInput>

 

 

</telerik:RadDatePicker>

But the NavigationPrevText="Prev" NavigationNextText="Next" does not do its work. I still see the four navigation buttons. I need replace the four buttons with "<Prev" and "Next>".

Please help!

Joseph

 

2 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 17 Jun 2010, 12:38 PM
Hello Joseph,

Since we changed the rendering of RadCalendar to use sprites this property works only for custom skins when the base stylesheet is disabled.

<telerik:RadDatePicker ID="calDate"
   runat="server"
   Skin=""
   EnableEmbeddedBaseStylesheet="false"
   ....

You will be able to display the text if you remove the CSS classes on Calendar_Load:
<script type="text/javascript">
    function calendarLoad(sender, args)
    {
        $telerik.$(".rcNext").removeClass("rcNext");
        $telerik.$(".rcPrev").removeClass("rcPrev");
    }
</script>

    ...
    <ClientEvents OnLoad="calendarLoad" />
</Calendar>
...

Best regards,
Daniel
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

0
Joseph Hua
Top achievements
Rank 1
answered on 17 Jun 2010, 04:44 PM
Thanks for your help! It works now.

Joseph
Tags
Calendar
Asked by
Joseph Hua
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Joseph Hua
Top achievements
Rank 1
Share this question
or