Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
180 views
I am using a user control as my edit form in a grid and I wanted to know if it is possible to have an update and cancel button in the edit column when an item is in edit mode.  I know this is done in the inplace edit mode, and I want to mimic this functionality.  I don't want to have to place save and cancel buttons in my user control.  Thanks.
eric
Top achievements
Rank 1
 answered on 19 Aug 2009
4 answers
284 views
I have a grid, inside one of the columns I have a tooltip that contains a radmenu. When you click an item in the radmenu I need it to call a JS method and pass the dataItem that the tooltip came from.

So lets say i have two rows in my grid with ID 1 and 2. If I hover over the second tooltip and click on my menu item it needs to pass the 2.

This is the last thing that is holding me up with this project. Please help...

    <telerik:RadScriptBlock ID="RadScriptBlock2" runat="server"> 
        <script type="text/javascript"> 
            //<![CDATA[
            function menuTools_Click(sender, eventArgs)
            {
                //I need the datakey from what ever dataitem this came from.
                //So if I hover over the first 'hover over me' box and click the item I should get ID=0
                var id = 2;
                var wnd = openRadWindow("http://www.google.com"+"?ID="+id, "600", "600");
            }
            //]]> 
        </script> 
    </telerik:RadScriptBlock> 
  
      <telerik:RadGrid ID="Grid1" runat="server" AutoGenerateColumns="false" 
        OnDetailTableDataBind="DetailTableDataBind" 
        OnNeedDataSource="NeedDataSource"> 
        <MasterTableView DataKeyNames="ID" HierarchyLoadMode="ServerOnDemand"> 
            <DetailTables> 
                <telerik:GridTableView DataKeyNames="ID" ClientDataKeyNames="ID" AutoGenerateColumns="false"> 
                    <Columns> 
                        <telerik:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName" /> 
                    </Columns> 
                </telerik:GridTableView> 
            </DetailTables> 
            <Columns> 
                <telerik:GridBoundColumn DataField="ID" HeaderText="ID" /> 
                <telerik:GridTemplateColumn> 
                    <ItemTemplate> 
                        <asp:Button ID="buttonDetails" runat="server" OnClientClick="return false;" Text="Hover over me" /> 
                        <telerik:RadToolTip runat="server" ID="RadToolTipButtonDetails" HideEvent="ManualClose" RenderInPageRoot="true" 
                            ShowEvent="OnMouseOver" RelativeTo="Element" TargetControlID="buttonDetails" Position="Center" Title="Tools"> 
                                <telerik:RadMenu ID="menuTools" runat="server" Flow="Vertical" OnClientItemClicking="menuTools_Click">                                 
                                    <Items> 
                                        <telerik:RadMenuItem Width="160px" Value="Print" ToolTip="Print" /> 
                                    </Items> 
                                </telerik:RadMenu> 
                        </telerik:RadToolTip> 
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
            </Columns> 
        </MasterTableView> 
        <ClientSettings EnableRowHoverStyle="true"> 
            <Selecting AllowRowSelect="true" /> 
        </ClientSettings> 
    </telerik:RadGrid> 
 


Boone
Top achievements
Rank 2
 answered on 19 Aug 2009
0 answers
124 views
I am not a user of Telerik controls but I have been asked to find the answer to the following question......

We have a combo box that is passed a name. We want to retrieve from an MSSQL database the name passed plus the next 100 names (either before or after the input name). We also want to be able to navigate forward and backward through the list of names.

For example......
Suppose the database has the 300 names with name number 100 being Allan, name number 200 being King, and name number 300 being Zion.
Suppose I pass in the name King, I would expect the list to start with the name King and end with the name Zion (100 entries after King). If I were to use the down arrow I would expect to add the next 100 names from Zion onward (assuming there are more names) to the list.

Now suppose I pass in the name King, I would expect the list to start with the name King and end with the name Zion (100 entries from King to Zion). If I were to use the up arrow I would expect to add the names from Allan to King in the list (the 100 name preceeding King).

Can anyone tell me is this possible to do with Telerik Controls. I would not ask for a code snippit but some indicaiton of how it would be done would be helpful. Please understand I do not use Telerik controls, I am just trying to gather the information.
Steve Heidel
Top achievements
Rank 1
 asked on 19 Aug 2009
7 answers
187 views
Hello
I would like to have a Radgrid which allow to add new rows as datagrid.  I would like something like that

1

Test1

TesT1

Test2

2

Test2

Test3

Test4

*

 

 

 

And if I add a new record where the * is...I would like a new line with the * appear. Is it possible to do something like that?

I don't want to set the number of row. I want the user can enter as much as he wants
Thank you

Myriam

Myriam
Top achievements
Rank 1
 answered on 19 Aug 2009
5 answers
745 views
How does one save the selected tab, so when an AJAX update occurs to rebind a control, the same tab stays selected?

Details:  I have a FormView.  Inside the FormView, I have a RadTabStrip control.  If the user clicks the third tab, for example, and then clicks the "Refresh" button, I'd like to load the third tab as the selected tab.  How can I do that?

Thanks,
Michelle
Atlas
Top achievements
Rank 1
 answered on 19 Aug 2009
3 answers
131 views
Hi, your online help still states:

"RadScheduler does not support ASP.NET MVC at the time being.

RadScheduler relies on postbacks (or ajax requests) in order to insert, update, delete appointments. Support for ASP.NET MVC will be implemented in the upcoming Q1 2009 release."  [source]


Has this support been implemented yet?  I mainly want to use this to layout a schedule of events, but will be using my own forms for creating and editing those events.

Thanks,
Nick




T. Tsonev
Telerik team
 answered on 19 Aug 2009
4 answers
199 views
Hi,

We are using the Radscheduler with webservices.

Now i got a problem when i am resizing an appointment. Usually the client side event AppointmentResized fires and the then the webservice UpdateAppointmentData is being called. With a normal appointment this works fine, but when i'm trying to resize a recurring appointment i get the following error:  the conversion is not valid.

The code i'm using in the AppointmentResized  event is :
function AppointmentResized(sender, e) {  
 
      var appointment = e.get_appointment();  
      var Employee = appointment.get_resources().getResourceByType("Employee").get_key();  
      var eendTime = e.get_newTime();  
      var startTime = e.get_appointment().get_start();  
      var eeditSeries = e.get_editingRecurringSeries();  
 
      // Retrieve appointments this appointment may be overlapping  
      var appOverlap = sender.get_appointments().getAppointmentsInRange(startTime, endTime);  
 
      if (appOverlap.get_count() != 0) {  
 
        // Cancel the event, we simulate an move if user autherizes  
        e.set_cancel(true);  
 
 
        var appString = "";  
        var IsOverlapping = false;  
        // Check if the appointments are overlapping  
        for (q = 0; q < appOverlap.get_count(); q++) {  
          var curApp = appOverlap.getAppointment(q);  
          var curKey = curApp.get_resources().getResourceByType("Employee").get_key();  
          if (curKey == Employee) {  
            if (appOverlap.getAppointment(q) != appointment) {  
              IsOverlapping = true;  
              var appStringappString = appString + "<br />\n\r" + appOverlap.getAppointment(q).get_subject();  
            }  
          }  
        }  
        if (IsOverlapping) {  
          // Pop a confirmation window  
          var confirmMessage = "Het wijzigen van afspraak: <br />\n'" + appointment.get_subject()  
                                + "' <br />\r\n <br />\r\nZorgt ervoor dat deze afspraak in conflict komt met de volgende afspraken: <br />\r\n" + appString  
                                + "<br />\r\n<br />\r\nWilt u doorgaan?";  
          radconfirm(confirmMessage,  
          function(arg) {  
            if (arg) {  
              var scheduler = sender;  
 
              // The user has confirmed moving the appointment. Update the start and end time.  
              appointment.set_start(startTime);  
              appointment.set_end(endTime);  
              sender.updateAppointment(appointment, editSeries);  
            }  
          }, 330, 100);  
        } else {  
          appointment.set_start(startTime);  
          appointment.set_end(endTime);  
          sender.updateAppointment(appointment, editSeries);  
        }  
      } else {  
        appointment.set_start(startTime);  
        appointment.set_end(endTime);  
        sender.updateAppointment(appointment, editSeries);  
      }  
    } 

With a normal appointment this code works fine and the webservice is being called by the
sender.updateAppointment(appointment, editSeries);  method. And the appointment is being resized succesfully.

But when i'm resizing a recurring appointment the sender.updateAppointment(appointment, editSeries);  method is being called, but my breakpoint in the webservice method never fires. So it seems that there is an error calling the webservice.

The logfile gives the following error:

10-08-2009 13:19:47 - WebDev.WebServer.exe Error: 0 : 10-08-2009 13:19:47 - System.NotSupportedException: Cultuur nl is een neutrale cultuur. Deze kan niet voor het indelen en parseren worden gebruikt en kan daarom niet als de huidige cultuur van de thread worden ingesteld.
   bij System.Globalization.CultureInfo.CheckNeutral(CultureInfo culture)
   bij System.Threading.Thread.set_CurrentCulture(CultureInfo value)
   bij System.Web.HttpApplication.SetAppLevelCulture()
   bij System.Web.HttpApplication.ProcessSpecialRequest(HttpContext context, MethodInfo method, Int32 paramCount, Object eventSource, EventArgs eventArgs, HttpSessionState session)

I'm running the newest internal build: Telerik.Web.UI_2009_2_806_dev_hotfix

Greetings William
T. Tsonev
Telerik team
 answered on 19 Aug 2009
1 answer
137 views
Hi everyone,

How do I get the availability of  dates for a  resource let say user resource.  I only want to know the availability of their schedules and NOT their appointments.  I have tried the "RadScheduler1.Appointments.GetAppointmentsInRange(apt.Start, apt.End)" but this only returns the appointments that is being used.  What I actually intend to do is the opposite which will return the availability of dates for the users.  For example,  I want to display their available schedules for a given users to a grid.  How can I DO THIS? 

Your contribution is highly appreciated.  Thanks.

Alex
Peter
Telerik team
 answered on 19 Aug 2009
3 answers
200 views
In the FileExplorer's init event, I am setting a custom provider and the upload and delete paths (based on custom security implementation).  Before upgrading to the Q2 release, everything worked fine.  Now...

With the code just as it was, the user would get the first document in the list no matter which document the user clicked on.  OpenFile is disabled so that a javascript function can pass the item's URL to a special download handler.  The item passed to the javascript function was always the first item.

My "solution" was to wrap everything in the init function inside the following if condition:
if (!Page.IsCallback && !Page.IsPostBack) 
{ 
    docExplr.Configuration.ContentProviderTypeName = typeof(FileContentProvider).AssemblyQualifiedName; 
    /// other logic 
    docExplr.Configuration.DeletePaths = UserOwnedPaths; 
    docExplr.Configuration.UploadPaths = UserOwnedPaths; 
    docExplr.EnableCreateNewFolder = true; 
} 

That fixed the issue, great... except that now the FileExplorer control doesn't appear to be using the custom content provider for postbacks.

Another issue I noticed was that I have some links that use a querystring parameter to set the initial path for the FileExplorer.  Even when my partial "solution" is in place, it does not work in this scenario unless I switch to a different folder and then switch back.

I suspect that these issues are related to the change in the Q2 release so that the tree and grid are populated on the initial page load, rather than using callbacks.  I'm hoping Q2 SP1 will fix those issues, but I see that hasn't been released yet.  Has anyone else encountered this?  Figured out a fix for it?
Paul Hopper
Top achievements
Rank 1
 answered on 19 Aug 2009
3 answers
376 views

Hi everyone.

 

I have two requirements for date picker.

 

First I need a date picker object without the calendar day’s part where the user can only select a month and a year.

 

And second I need to be able to enable/disable the date picker depending on what option user selected in the radio button list control.

 

For the first requirement I found a custom implementation on

http://www.telerik.com/community/code-library/submission/b311D-mdkhb.aspx

and it is working just fine.

 

But when I try to disable date picker with ‘picker.set_enabled(false);’ statement

I am getting the following error:

Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.

 

Here is my simple web page:
Some how I placed 3 code blocks.
Please look at the top one only and ignore the other two. 

 

 

 

 

<%@ Page Language="C#" AutoEventWireup="true" Culture="en-US" CodeFile="Default.aspx.cs" 
    Inherits="_Default" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server">  
    </asp:ScriptManager> 
    <div> 
 
        <script type="text/javascript">  
            //override the onload event handler to change the picker after the page is loaded  
            window.onload = function()  
            {  
                window.setTimeout(function() { setCalendarTable(); }, 200)  
            }  
 
            function setCalendarTable()  
            {  
 
                var picker = $find("<%= RadDatePicker1.ClientID %>");  
                var calendar = picker.get_calendar();  
                var fastNavigation = calendar._getFastNavigation();  
 
                $clearHandlers(picker.get_popupButton());  
                $addHandler(picker.get_popupButton(), "click", function()  
                {  
                    var textbox = picker.get_textBox();  
                    //adjust where to show the popup table   
                    var x, y;  
                    var adjustElement = textbox;  
                    if (textbox.style.display == "none")  
                        adjustElement = picker.get_popupImage();  
 
                    var pos = picker.getElementPosition(adjustElement);  
                    x = pos.x;  
                    y = pos.y + adjustElement.offsetHeight;  
 
                    var e = {  
                        clientX: x,  
                        clientY: y  
                    };  
                    //synchronize the input date if set with the picker one  
                    var date = picker.get_selectedDate();  
                    if (date)  
                    {  
                        calendar.get_focusedDate()[0] = date.getFullYear();  
                        calendar.get_focusedDate()[1] = date.getMonth() + 1;  
                    }  
 
                    $get(calendar._titleID).onclick(e);  
                });  
 
                fastNavigation.OnOK =  
                    function()  
                    {  
                        var date = new Date(fastNavigation.Year, fastNavigation.Month, 1);  
                        picker.get_dateInput().set_selectedDate(date);  
                        fastNavigation.Popup.Hide();  
                    }  
 
 
                fastNavigation.OnToday =  
                    function()  
                    {  
                        var date = new Date();  
                        picker.get_dateInput().set_selectedDate(date);  
                        fastNavigation.Popup.Hide();  
                    }  
            }     
              
 
           //Enable or disable datepicker based upon if they choose never expires or expires/renews  
            function RadioButtonList1Change(){  
                var rdlist = document.getElementById("<%= RadioButtonList1.ClientID %>");  
                var opt= rdlist.getElementsByTagName('input');  
                var selected = 'empty';   
                for(var i = 0; i < opt.length ; i++){  
                    var rbRef = opt[i];   
                    if (rbRef.checked == true){  
                       selected = rbRef.value;  
                       break;  
                    }   
                }  
                var picker = $find("<%= RadDatePicker1.ClientID %>");  
                if (selected == '1'){  
                    picker.set_enabled(true);  
                }  
                else{  
                   if (selected == 'empty'){  
                   }  
                   else{    
                     picker.set_enabled(false);  
                  }     
                }  
            }  
 
        </script> 
 
 
       <asp:RadioButtonList ID="RadioButtonList1" runat="server" onclick="RadioButtonList1Change()">  
          <asp:ListItem Value="0">Never Expires</asp:ListItem> 
               <asp:ListItem Selected="True" Value="1">Expires/Renews after the close of : </asp:ListItem> 
       </asp:RadioButtonList> 
         
                                                                                                                                          
        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" > 
            <DateInput DateFormat="MMMM yyyy" runat="server">  
            </DateInput> 
        </telerik:RadDatePicker> 
          
    </div> 
    </form> 
</body> 
</html> 
 
<%@ Page Language="C#" AutoEventWireup="true" Culture="en-US" CodeFile="Default.aspx.cs" 
    Inherits="_Default" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server">  
    </asp:ScriptManager> 
    <div> 
 
        <script type="text/javascript">  
            //override the onload event handler to change the picker after the page is loaded  
            window.onload = function()  
            {  
                window.setTimeout(function() { setCalendarTable(); }, 200)  
            }  
 
            function setCalendarTable()  
            {  
 
                var picker = $find("<%= RadDatePicker1.ClientID %>");  
                var calendar = picker.get_calendar();  
                var fastNavigation = calendar._getFastNavigation();  
 
                $clearHandlers(picker.get_popupButton());  
                $addHandler(picker.get_popupButton(), "click", function()  
                {  
                    var textbox = picker.get_textBox();  
                    //adjust where to show the popup table   
                    var x, y;  
                    var adjustElement = textbox;  
                    if (textbox.style.display == "none")  
                        adjustElement = picker.get_popupImage();  
 
                    var pos = picker.getElementPosition(adjustElement);  
                    x = pos.x;  
                    y = pos.y + adjustElement.offsetHeight;  
 
                    var e = {  
                        clientX: x,  
                        clientY: y  
                    };  
                    //synchronize the input date if set with the picker one  
                    var date = picker.get_selectedDate();  
                    if (date)  
                    {  
                        calendar.get_focusedDate()[0] = date.getFullYear();  
                        calendar.get_focusedDate()[1] = date.getMonth() + 1;  
                    }  
 
                    $get(calendar._titleID).onclick(e);  
                });  
 
                fastNavigation.OnOK =  
                    function()  
                    {  
                        var date = new Date(fastNavigation.Year, fastNavigation.Month, 1);  
                        picker.get_dateInput().set_selectedDate(date);  
                        fastNavigation.Popup.Hide();  
                    }  
 
 
                fastNavigation.OnToday =  
                    function()  
                    {  
                        var date = new Date();  
                        picker.get_dateInput().set_selectedDate(date);  
                        fastNavigation.Popup.Hide();  
                    }  
            }     
              
 
           //Enable or disable datepicker based upon if they choose never expires or expires/renews  
            function RadioButtonList1Change(){  
                var rdlist = document.getElementById("<%= RadioButtonList1.ClientID %>");  
                var opt= rdlist.getElementsByTagName('input');  
                var selected = 'empty';   
                for(var i = 0; i < opt.length ; i++){  
                    var rbRef = opt[i];   
                    if (rbRef.checked == true){  
                       selected = rbRef.value;  
                       break;  
                    }   
                }  
                var picker = $find("<%= RadDatePicker1.ClientID %>");  
                if (selected == '1'){  
                    picker.set_enabled(true);  
                }  
                else{  
                   if (selected == 'empty'){  
                   }  
                   else{    
                     picker.set_enabled(false);  
                  }     
                }  
            }  
 
        </script> 
 
 
       <asp:RadioButtonList ID="RadioButtonList1" runat="server" onclick="RadioButtonList1Change()">  
          <asp:ListItem Value="0">Never Expires</asp:ListItem> 
               <asp:ListItem Selected="True" Value="1">Expires/Renews after the close of : </asp:ListItem> 
       </asp:RadioButtonList> 
         
                                                                                                                                          
        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" > 
            <DateInput DateFormat="MMMM yyyy" runat="server">  
            </DateInput> 
        </telerik:RadDatePicker> 
          
    </div> 
    </form> 
</body> 
</html> 
 
<FONT size=2>  
<P>&lt;%</P></FONT>  
<P><FONT color=#0000ff size=2>@</FONT><FONT size=2> </FONT><FONT color=#a31515   
size=2>Page</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>Language</FONT><FONT color=#0000ff size=2>="C#"</FONT><FONT size=2>   
</FONT><FONT color=#ff0000 size=2>AutoEventWireup</FONT><FONT color=#0000ff   
size=2>="true"</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>Culture</FONT><FONT color=#0000ff size=2>="en-US"</FONT><FONT size=2>   
</FONT><FONT color=#ff0000 size=2>CodeFile</FONT><FONT color=#0000ff   
size=2><FONT color=#0000ff size=2>="Default.aspx.cs"   
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#ff0000 size=2>Inherits</FONT><FONT color=#0000ff   
size=2>="_Default"</FONT><FONT size=2> %&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;&lt;%</P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#0000ff size=2>@</FONT><FONT size=2> </FONT><FONT color=#a31515   
size=2>Register</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>Assembly</FONT><FONT color=#0000ff size=2>="Telerik.Web.UI"</FONT><FONT   
size=2> </FONT><FONT color=#ff0000 size=2>Namespace</FONT><FONT color=#0000ff   
size=2>="Telerik.Web.UI"</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>TagPrefix</FONT><FONT color=#0000ff size=2>="telerik"</FONT><FONT size=2>   
%&gt;   
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&lt;!   
<P>&nbsp;</P>  
<P style="MARGIN: 0in 0in 0pt">&nbsp;</P></FONT>  
<P style="MARGIN: 0in 0in 0pt">&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>DOCTYPE</FONT><FONT size=2> </FONT><FONT   
color=#ff0000 size=2>html</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>PUBLIC</FONT><FONT size=2> </FONT><FONT color=#0000ff size=2>"-//W3C//DTD   
XHTML 1.0 Transitional//EN"</FONT><FONT size=2> </FONT><FONT color=#0000ff   
size=2><FONT color=#0000ff   
size=2>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;&lt;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>html</FONT><FONT size=2> </FONT><FONT   
color=#ff0000 size=2>xmlns</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>="http://www.w3.org/1999/xhtml"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;&lt;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>head</FONT><FONT size=2> </FONT><FONT   
color=#ff0000 size=2>runat</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>="server"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>title</FONT><FONT color=#0000ff size=2>&gt;</FONT><FONT size=2>Untitled   
Page</FONT><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>title</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;&lt;/</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>head</FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;&lt;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>body</FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>form</FONT><FONT size=2> </FONT><FONT color=#ff0000 size=2>id</FONT><FONT   
color=#0000ff size=2>="form1"</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>runat</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>="server"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ScriptManager</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>ID</FONT><FONT color=#0000ff size=2>="ScriptManager1"</FONT><FONT size=2>   
</FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>="server"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ScriptManager</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>div</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>script</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>type</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>="text/javascript"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#008000 size=2><FONT color=#008000 size=2>//override the onload   
event handler to change the picker after the page is loaded   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT size=2>window.onload =   
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2>()   
<P>{</P>  
<P>window.setTimeout(</P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2>() {   
setCalendarTable(); }, 200)   
<P>}</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2> setCalendarTable()   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>{</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> picker =   
$find(</FONT><FONT color=#a31515 size=2>"&lt;%= RadDatePicker1.ClientID   
%&gt;"</FONT><FONT size=2>);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> calendar =   
picker.get_calendar();   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> fastNavigation =   
calendar._getFastNavigation();   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>$clearHandlers(picker.get_popupButton());</P>  
<P>$addHandler(picker.get_popupButton(), </P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#a31515 size=2>"click"</FONT><FONT size=2>, </FONT><FONT   
color=#0000ff size=2>function</FONT><FONT size=2>()   
<P>{</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> textbox =   
picker.get_textBox();   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#008000 size=2><FONT color=#008000 size=2>//adjust where to show   
the popup table   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> x, y;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> adjustElement = textbox;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>if</FONT><FONT size=2> (textbox.style.display ==   
</FONT><FONT color=#a31515 size=2>"none"</FONT><FONT size=2>)   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>adjustElement = picker.get_popupImage();</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> pos =   
picker.getElementPosition(adjustElement);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>x = pos.x;</P>  
<P>y = pos.y + adjustElement.offsetHeight;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> e = {   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>clientX: x,</P>  
<P>clientY: y</P>  
<P>};</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#008000 size=2><FONT color=#008000 size=2>//synchronize the input   
date if set with the picker one   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> date =   
picker.get_selectedDate();   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>if</FONT><FONT size=2> (date)   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>{</P>  
<P>calendar.get_focusedDate()[0] = date.getFullYear();</P>  
<P>calendar.get_focusedDate()[1] = date.getMonth() + 1;</P>  
<P>}</P>  
<P>$get(calendar._titleID).onclick(e);</P>  
<P>});</P>  
<P>fastNavigation.OnOK =</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2>()   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>{</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> date = </FONT><FONT   
color=#0000ff size=2>new</FONT><FONT size=2> Date(fastNavigation.Year,   
fastNavigation.Month, 1);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>picker.get_dateInput().set_selectedDate(date);</P>  
<P>fastNavigation.Popup.Hide();</P>  
<P>}</P>  
<P>&nbsp;fastNavigation.OnToday =</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2>()   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;{</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> date = </FONT><FONT   
color=#0000ff size=2>new</FONT><FONT size=2> Date();   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;picker.get_dateInput().set_selectedDate(date);</P>  
<P>fastNavigation.Popup.Hide();</P>  
<P>}</P>  
<P>} </P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#008000 size=2><FONT color=#008000 size=2>//Enable or disable   
datepicker based upon if they choose never expires or expires/renews   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>function</FONT><FONT size=2>   
RadioButtonList1Change(){   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> rdlist =   
document.getElementById(</FONT><FONT color=#a31515 size=2>"&lt;%=   
RadioButtonList1.ClientID %&gt;"</FONT><FONT size=2>);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> opt=   
rdlist.getElementsByTagName(</FONT><FONT color=#a31515   
size=2>'input'</FONT><FONT size=2>);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> selected = </FONT><FONT   
color=#a31515 size=2>'empty'</FONT><FONT size=2>;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>for</FONT><FONT size=2>(</FONT><FONT color=#0000ff   
size=2>var</FONT><FONT size=2> i = 0; i &lt; opt.length ; i++){   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> rbRef = opt[i];   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>if</FONT><FONT size=2> (rbRef.checked ==   
</FONT><FONT color=#0000ff size=2>true</FONT><FONT size=2>){   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>selected = rbRef.value;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>break</FONT><FONT size=2>;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>} </P>  
<P>}</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>var</FONT><FONT size=2> picker =   
$find(</FONT><FONT color=#a31515 size=2>"&lt;%= RadDatePicker1.ClientID   
%&gt;"</FONT><FONT size=2>);   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>if</FONT><FONT size=2> (selected == </FONT><FONT   
color=#a31515 size=2>'1'</FONT><FONT size=2>){   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>picker.set_enabled(</P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#0000ff size=2>true</FONT><FONT size=2>);   
<P>}</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>else</FONT><FONT size=2>{   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>if</FONT><FONT size=2> (selected == </FONT><FONT   
color=#a31515 size=2>'empty'</FONT><FONT size=2>){   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>}</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>else</FONT><FONT size=2>{   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>picker.set_enabled(</P></FONT>  
<P></P>  
<P>&nbsp;</P>  
<P><FONT color=#0000ff size=2>false</FONT><FONT size=2>);   
<P>} </P>  
<P>}</P>  
<P>}</P>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>script</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2><BR>&lt;</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>RadioButtonList</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>ID</FONT><FONT color=#0000ff size=2>="RadioButtonList1"</FONT><FONT   
size=2> </FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff   
size=2>="server"</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>onclick</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>="RadioButtonList1Change()"&gt;   
<P>&nbsp;</P>  
<P style="MARGIN: 0in 0in 0pt">&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ListItem</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>Value</FONT><FONT color=#0000ff size=2>="0"&gt;</FONT><FONT size=2>Never   
Expires</FONT><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ListItem</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
 
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ListItem</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>Selected</FONT><FONT color=#0000ff size=2>="True"</FONT><FONT size=2>   
</FONT><FONT color=#ff0000 size=2>Value</FONT><FONT color=#0000ff   
size=2>="1"&gt;</FONT><FONT size=2>Expires/Renews after the close of :   
</FONT><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>ListItem</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
 
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>RadioButtonList</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2><BR>&lt;</FONT><FONT color=#a31515   
size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>RadDatePicker</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>ID</FONT><FONT color=#0000ff size=2>="RadDatePicker1"</FONT><FONT size=2>   
</FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff   
size=2>="server"</FONT><FONT size=2> </FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P style="MARGIN: 0in 0in 0pt">&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;</FONT><FONT color=#a31515   
size=2>DateInput</FONT><FONT size=2> </FONT><FONT color=#ff0000   
size=2>DateFormat</FONT><FONT color=#0000ff size=2>="MMMM yyyy"</FONT><FONT   
size=2> </FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff   
size=2><FONT color=#0000ff size=2>="server"&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>DateInput</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515   
size=2>RadDatePicker</FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>div</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&nbsp;</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#0000ff size=2>&lt;/</FONT><FONT color=#a31515   
size=2>form</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&lt;/</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>body</FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>&gt;   
<P>&nbsp;</P>  
<P>&nbsp;</P>  
<P>&lt;/</P></FONT>  
<P>&nbsp;</P></FONT>  
<P></P>  
<P><FONT color=#a31515 size=2>html</FONT><FONT color=#0000ff size=2><FONT   
color=#0000ff size=2>&gt; </FONT></FONT></P> 

 

 

 

 

 

 

 

 

 

 

 

 

 

I am using 2008.1.515.20 version of RadDatePicker Control.

Please help me to fix/solve this.

Thanks in advance,

Igor.

 

 

 

 

 

 

 

 

Martin
Telerik team
 answered on 19 Aug 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?