I have two RadDatePickers on a page. They look like this:

<rad:RadDatePicker ID="RadDatePicker1" runat="server" SkinID="sknRadDatePicker">
  <ClientEvents OnDateSelected="OnDateSelected"></ClientEvents>
</rad:RadDatePicker>

<rad:RadDatePicker ID="RadDatePicker2" runat="server" SkinID="sknRadDatePicker">
</rad:RadDatePicker>

Their skin is this:

<rad:RadDatePicker SkinId="sknRadDatePicker" Calendar-Skin="Web20" DateInput-Skin="WebBlue" DateInput-ForeColor="#666666" DateInput-Font-Names="Arial" DateInput-Font-Size="9" DatePopupButton-CssClass="RadDatePicker_padding" Width="101px" runat="server" />

As you can see the Calendar-Skin is set to "Web20" skin...

Now i have a Client Side script that executes when a date is selected on the first RadDatePicker. Here it is:

<rad:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script language="JavaScript" type="text/javascript">
        function OnDateSelected(sender, e)
        {      
            var RadDatePicker1 = $find("<%= RadDatePicker1.ClientID %>");   
            var RadDatePicker2 = $find("<%= RadDatePicker2.ClientID%>");
            
            var SelectedDate = RadDatePicker1.get_selectedDate();
            if (RadDatePicker1.isEmpty())
                SelectedDate = new Date();        

            SelectedDate.setDate(SelectedDate.getDate() + 1);
            
            var SelectedDate2 = RadDatePicker2.get_selectedDate();
            SelectedDate2.setDate(SelectedDate2.getDate());
            
            RadDatePicker2.set_minDate(SelectedDate);            
            
            if (SelectedDate2 <= SelectedDate)
            {
                RadDatePicker2.set_selectedDate(SelectedDate);
            }                
            
            RadDatePicker2.togglePopup();
            
        }
    </script>
</rad:RadCodeBlock>

What i would like to do is "highlight" the day on the calendar with the Web20 rcToday css class. The idea being that i want RadDatePicker2 to show RadDatePicker1's selected date in orange on the calendar... I would like to do this via Client Side Script...

Two things i can not figure out that is stopping me for making this happen:

1) I can not figure out how to fire the onDayRender ClientSide event for the RadDatePicker (Not RadCalendar)... I have been reading this article: http://www.telerik.com/help/aspnet-ajax/calendar_clientsideondayrender.html but it pertains to the Calendar control and not the date picker.

2) I am using SiteFinity and i do not have access to the CSS files for the Web20 skin... I can not figure out how to set a day tot he rcToday css class.... I have tried the foloowing and it does nto work:

                                <rad:RadDatePicker ID="RadDatePicker1" runat="server" SkinID="sknRadDatePicker">
                                    <ClientEvents OnDateSelected="OnDateSelected"></ClientEvents>
                                    <Calendar runat="server">
                                        <SpecialDays>
                                            <rad:RadCalendarDay Date="1/16/2009"  ItemStyle-CssClass="rcToday" />
                                        </SpecialDays>
                                    </Calendar>
                                </rad:RadDatePicker>

This however does work:

                                <rad:RadDatePicker ID="RadDatePicker1" runat="server" SkinID="sknRadDatePicker">
                                    <ClientEvents OnDateSelected="OnDateSelected"></ClientEvents>
                                    <Calendar runat="server">
                                        <SpecialDays>
                                            <rad:RadCalendarDay Date="1/16/2009" ItemStyle-BackColor="Aqua" />
                                        </SpecialDays>
                                        <ClientEvents OnDayRender="RenderADay" />
                                    </Calendar>
                                </rad:RadDatePicker>

So i am not access the skins style correctly for some reason although this is how every example i have found says to do this....

In any case. I do not want to use the <Calendar runat="server"><SpecialDays> block and want to rather fire a clientside event to do the highlighting of the day.

Additionally i will need to Rerender the calendar days each time a date in RadDatePicker1 is selected as my OnDateSelected event will fire and change the date on the calendar i want highlighted...

So please excuse my frustration but i have spent the entire day wasted on this and i am annoyed that there is not much info on this that pertains specifically to the RadDatePicker - not just the RadCalendar... Ontop of if all i refuse to fire off any server side events to do this as this control, combined with the RadAjaxPanel has been causing server exceptions (for whihc i have another post about on this forum) so i have resorted to doing all this ClientSide...

Please..... Please someone help me get this done, some example code would be very much appreciated and i would be eternally grateful!

Duncan

Is it not reasonable to expect that if exporting a wide grid (ie one that won't fit on a single page's width) that the export should print it across 2 pages (or 3 or however many it takes to get all of the columns on)?

--
Stuart

I've noticed that some (I can't say for sure if all of them are doing this) of the skins render differently in a SharePoint site than they do in a standard asp.net web app.  Any ideas why this is? 

Here's my example (unfortunately without screenshots):

I have a RadComboBox sitting on an application page in a WSS 3.0 environment.  It's using the "WebBlue" skin, but it's missing a bottom border.  In a standard asp.net web app, it has the bottom border as it should.  I'm no CSS pro, but I've tried everything I can think of with CSS to get a border under it and simply cannot figure out how to do it.  My assumption is that there is something going on with the styles built into SharePoint that's causing this to happen, but I'd like to get a second opinion.  For now my work-around has been to use the "Web20" skin; it seems to be unaffected by SharePoint.

And for kicks here's the markup for each one:

WebBlue (missing the bottom border when it's in my SharePoint environment)

 

	<telerik:RadComboBox Height="132px"
	ID="cbo1"
	Skin="WebBlue"
	Font-Size="8.3pt"
	Font-Names="Tahoma"
	Runat="server"
	Sort="Ascending"/>

Web20 (looks like it's supposed to)

	<telerik:RadComboBox Height="132px"
	ID="cbo2"
	Skin="Web20"
	Font-Size="8.3pt"
	Font-Names="Tahoma"
	Runat="server"
	Sort="Ascending"/>

Any thoughts?

Eric Skaggs

Hi,
I am performing the filter operation in one of the columns of type number. I have set the validation function as "Equals". If I enter some alphabet then all the existing filter conditions are lost and the grid displays all the records. Is there any possibility to avoid this? Any suggestions are highly appreciated.

I have a custom advanced form which has a gridview within it. When the form loads it's bound. I have another page which I use to edit some values, which effects this gridview, so what I have been doing is posting back the page with the scheduler on it in order the update the gridview. The problem is, when I postback the form all of the values which were filled in wiped. Is there any way I can preserve the viewstate?

Hi all, I'm sure this has been asked before, can RadUpload function in a medium-trust environment. 

I have someone that has his site hosted on a shared server. 

Thanks

Hi

In my application top pane and bottom pane available using radsplitbar.
In toppane i have radgrid with pagesize=8 and bottom pane with common controls .if user collapse/expand  bottom pane it get hide,shows white space and in top pane radgrid with 8 records showing. but instead of 8 records it should auto increase 8-15 records .again if collapse/expand top pane radgrid pagesize should become 8.

i found an example with resize without updatepanel. but my scenario in collapse mode and with updatepanel
could anybody help with an example  .

Hi,

I need a C# server side event to be fired when a row is selected within a Grid.
I am using "OnSelectedIndexChanged="ucRadGrid_SelectedIndexChanged"" , however no event is actually fired.
I have tried adding "<ClientSettings><Selecting AllowRowSelect="true" /></ClientSettings> ", but this also appears to make no difference as no event is fired.

Any help would be much appreciated.

Sean Duffy.

Hi ,
    I am using the custum tool and implement the custom dropdown in the rad editor as given in your demo.The drop downitems are
calender,docks,timer .for example If I click on the calender option on the dropdown the rad calender should be displayed on the rad editor.very urgent.
help me..

Thanks in advance
N.Mani

Hi All,
I was wondering if it is possible, after the user has selected a HTML template from the template manager control, to allow the user to edit only some portions of the imported HTML. I.e., if I import this simple table as a template

<table style="border: 1px solid #000000; width: 300px; height: 150px;">
  <tr>
    <td>Insert text here.</td>
  </tr>
 </table>

I'd like to make the user able to edit only the portion of HTML inside the <td> tag.
Any ideas?

Thanks so much,
Yuri