Questions on UI for ASP.NET AJAX Forum

6 answers

197 views

Hi,

While using the timeline in the scheduler, I amreplacing the resource name with its Image. Though I am able to get the imageto display I have few problems with it

How do I align the image with the appointments?(I have tried with the changing the properties of the Row Height and Row Header width which works well for standard number of resources but cannot be reproduced in a dynamic environment)
On clicking the resource Image I would like to be redirected to a new window. How to do that?
I have saved the image as var binary in the Database. I am using the resource header template and the RadBinary Image control in it to display the image. But, the image does not display correctly. Is there any other control or method for this?

Thanks

Sabrish

Scheduler

answered on 03 Sep 2009

1 answer

121 views

Advanced Template and built-in template

Hi everyone

I have a scheduler that need a a custom advanced template because I had custome field to it. Id like to also keep the recurrence form built in the Scheduler.

How can I have a advanced form without to have to redo the recurrence form?

Alain

Scheduler

answered on 03 Sep 2009

6 answers

134 views

YSOD in radwindow when loading page and moving it down

Problem 1:

When I fire my site, the content section of one RAD Window throws a YSOD. Now the homepage uses 3 radwindows with content from other local files.

Image is here: http://img4.imageshack.us/img4/5599/newpicture2e.png

Markup:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="201px"
Width="760px">
 
 
<telerik:RadComboBox ID="RadComboBox1" Runat="server" AutoPostBack="True"
Height="16px" onselectedindexchanged="RadComboBox1_SelectedIndexChanged"
Skin="Black">
<Items>
<telerik:RadComboBoxItem runat="server" Text="Please select a value"
Value="Please select a value" />
<telerik:RadComboBoxItem runat="server" Text="Books" Value="Books" />
</Items>
</telerik:RadComboBox>
 
<telerik:RadComboBox ID="RadComboBox2" Runat="server" Skin="Black"
onselectedindexchanged="RadComboBox2_SelectedIndexChanged" Width="160px">
</telerik:RadComboBox>

 
 

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True"
AllowPaging="True" AllowSorting="True" GridLines="None" ShowGroupPanel="True"
Skin="Black">
<ClientSettings AllowDragToGroup="True">
</ClientSettings>
</telerik:RadGrid>
</telerik:RadAjaxPanel>

 
 
 
 
 
 
 
 
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:playgroundsConnectionString %>"

SelectCommand="SELECT [Title], [ImagePath], [Thoughts], [Category] FROM [ReadingList]">
</asp:SqlDataSource>
 
 
 
 
 
 
 

</body>
</html>

Obivously, it must be the SqlDatasource causing the problems but I can't see anything wrong with this?

Also (2), how can I move this RAD Window down? The div is somewhere in the middle right of the page, but the height has been modified and is going right to the top of the window.

Both of these questions relate to the same RADWindow instance on my webpage.

Thanks

Window

answered on 03 Sep 2009

1 answer

116 views

Important: WebService bind RadGrid in RadSplitter

Hi,
When I add RadGrid binding in WebService to RadSplitter and RadPane when grid is not binding when grid is outside RadSplitter its ok.

Please help.

Grid

answered on 03 Sep 2009

6 answers

193 views

[Solved] Unable to find treeview control using $find()

Hello,

I have added a new button to a radeditor control which is working fine, however when I try and access controls within the aspx page that is displayed using the $find() method I am getting null values returned.

This is the javascript that I am using:

var treeview = $find("<%=uiRadTreeView.ClientID %>");

However, when I try and access any properties of treeview I get javascript errors, for example:

var node = treeview.findNodeByValue(nodeId);

Gives me the following error:

Microsoft JScript runtime error: 'null' is null or not an object.

Any help would be much appreciated.

Thanks,

Ken

TreeView

answered on 03 Sep 2009

4 answers

170 views

Troubles with Ajax $get

Hi, I'm having troubles with $get.
I have a <asp:HiddenField> on my page and I want to read its value using Javascript.
the HiddenField's ID is 'reloadUrl'. I tried the following methods:
var control = $get("reloadUrl");
var control = $get("<%= reloadUrl.ClientID %>");
var control = $get("<%= this.reloadUrl.ClientID %>");
But all of them return the following message: "$get(...) is null"

My page is a content page and the HiddenField is nested in two or three controls.
What can I do?

PS: I have a RadAjaxManagerProxy on my content page and a RadAjaxManager & ScriptManager on my master page.
May be I have to use another function provided my RadAjaxManager..?

Ajax

answered on 03 Sep 2009

4 answers

130 views

Setting a public property of user control in grid insert/update mode

in the article http://www.telerik.com/help/aspnet-ajax/grdinsertingvaluesusercontrolformtemplate.html it is well explained how to set properties of controls inside a user control, when a user control is being used as an insert/update form in a radgrid.

How do I set a public property of that same user control?

Grid

answered on 03 Sep 2009

2 answers

142 views

Checkbox added to listbox

I have two listboxes (source and destination listbox)

I added server side code to have the checkbox checked in the destination listbox depending on a database value. Here is the code to do that. But when I transfer one of the items back to the source listbox, all the checkboxes get unchecked in the destination listbox. Can you tell me why this is happening?

 protected void RadListBoxDestination_Inserted(object sender, RadListBoxEventArgs e)
 {
 string selectedQlfr = QlfrDropDown.SelectedValue;
 BtodGenericGrid GridSchema = BtodGenericGrid.CreateInstance(selectedQlfr, "Default", "-1");
 for (int i = 0; i < e.Items.Count; i++)
 {
 string colName = e.Items[i].Text.ToString().ToUpper();
 for (int x = 0; x <= GridSchema.ColumnNamesWithAliasSplit.Length - 1; x++)
 {
 if (colName == GridSchema.ColumnNamesWithAliasSplit[x].ToUpper())
 {
 if (GridSchema.ColumnVisibleSplit[x].ToString() == "1")
 {
 e.Items[i].Checked = true;
 }
 break;
 }
 }
 // e.Items[i].Checked = true;
 }

 }

Calendar

answered on 03 Sep 2009

3 answers

132 views

[Solved] Month Year picker and Ajax update panel problem.

Hi everyone,

I am using RadDatePicker control customized to a month/year picker with solution found here:

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

My date picker control resides on the Ajax update panel.

After postback Calendar popup defaults back to simple calendar with days.
What can be done to ensure that this Month/Year picker persists after an ajax postback?

Here is my sample web page:

    
            <%@ 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();  
        
                                }  
        
                        }     
        
                    </script>  
        
                   <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                   <ContentTemplate>  
        
                      <telerik:RadDatePicker ID="RadDatePicker1" runat="server">  
        
                           <DateInput DateFormat="MMMM yyyy">  
        
                           </DateInput>  
        
                           <Calendar>  
        
                               <FastNavigationSettings TodayButtonCaption="current date" />  
        
                           </Calendar>  
        
                       </telerik:RadDatePicker>    
        
                   </ContentTemplate>  
        
                      <Triggers>  
        
                         <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />  
        
                      </Triggers>  
        
                   </asp:UpdatePanel>  
        
                <asp:Button ID="Button1" runat="server" Text="PostBack" OnClick="Button1_Click" />      
        
                </div>  
        
                </form>  
        
            </body>  
        
            </html>

    
             protected void Button1_Click(object sender, EventArgs e)  
        
               {  
        
                  this.RadDatePicker1.SelectedDate = DateTime.Now;   
        
                }

I am using 2008.1.515.20 version of RadDatePicker control.

Please help me to fix/solve this.

Thanks in advance,

Igor.

Calendar

answered on 03 Sep 2009

6 answers

241 views

red x instead of chart!

Hi,
every now and again, i receive the red X instead of the actual chart image.
This does not happen everytime, and i cant seem to predict when and why it does this.

Is there any reason for this and if so, how do i stop this please ?

Many Thanks
Mark

Chart (Obsolete)

answered on 03 Sep 2009