Navigation Text

3 posts, 0 answers
  1. Joseph Hua
    Joseph Hua avatar
    10 posts
    Member since:
    Apr 2010

    Posted 11 Jun 2010 Link to this post

    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. Daniel
    Admin
    Daniel avatar
    4949 posts

    Posted 17 Jun 2010 Link to this post

    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.

  3. Joseph Hua
    Joseph Hua avatar
    10 posts
    Member since:
    Apr 2010

    Posted 17 Jun 2010 Link to this post

    Thanks for your help! It works now.

    Joseph
Back to Top