Questions on UI for ASP.NET AJAX Forum

1 answer

131 views

I have a youtube video insdie the RadToolTip. When I close the tooltip, you can still hear the audio in the background. When I mouse back over the tooltip, the video is still playing. How do I essentially destroy the tooltip?

ToolTip

answered on 23 Sep 2009

1 answer

96 views

Pager not displaying on initial page load

On every RadGrid in my web application, I am having an issue where the pager is not displaying on the initial page load. After doing a post back, and rebinding the data, the pager shows up. Code for one of my grids is below:

    
            <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"  
        
                        DataSourceID="SqlDataSource1" GridLines="None" AllowPaging="True"  
        
                        Skin="Black"> 
        
                        <MasterTableView DataSourceID="SqlDataSource1" PageSize="15"> 
        
                        <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name"  
        
                                    SortExpression="Name" UniqueName="columnName"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Address1" HeaderText="Address1"  
        
                                    SortExpression="Address1" UniqueName="columnAddress1"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Address2" HeaderText="Address2"  
        
                                    SortExpression="Address2" UniqueName="columnAddress2"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="City" HeaderText="City"  
        
                                    SortExpression="City" UniqueName="columnCity"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="State" HeaderText="State"  
        
                                    SortExpression="State" UniqueName="columnState"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Zip" HeaderText="Zip"  
        
                                    SortExpression="Zip" UniqueName="columnZip"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Phone" HeaderText="Phone"  
        
                                    SortExpression="Phone" UniqueName="columnPhone"> 
        
                                </telerik:GridBoundColumn> 
        
                            </Columns> 
        
                            <PagerStyle Mode="NumericPages" /> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                    <asp:SqlDataSource ID="SqlDataSource1" 
        
                        ConnectionString="<%$ ConnectionStrings:TLRGCPortal %>" 
        
                        ProviderName="System.Data.SqlClient" SelectCommand="spGetLocations"  
        
                        runat="server" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

An example of a rebinding that makes the pager display is below:

    
                    protected void btnClear_Click(object sender, EventArgs e) 
        
                    { 
        
                        txtSearch.Text = ""; 
        
                        SqlDataSource1.SelectCommand = "spGetEmployeeDirectory"; 
        
                        SqlDataSource1.SelectCommandType =  SqlDataSourceCommandType.StoredProcedure; 
        
                        SqlDataSource1.SelectParameters.Clear(); 
        
                        SqlDataSource1.DataBind(); 
        
                    }

Does anyone have an idea as to what might be causing this? It is happening on every single RadGrid in my application. As I didn't have much data in the database through development, I never noticed the issue before. Now that we are beginning to populate, it is becoming a problem. Thank you for any help you can provide

Grid

answered on 23 Sep 2009

1 answer

133 views

Customizing iCal Export

Hello,

I think I saw in an earlier thread that the current export functions don't allow you to specify things like the location and a description. There was a mention in there that it would be forwarded to the request to do so to the development team - I was wondering if anybody knows if that's still in process, or if there's a work-around other than writing my own export function...

Thanks,

Mike

Scheduler

answered on 23 Sep 2009

1 answer

92 views

URGENT : Unselect checkbox on client side not working

Hi,

If I execute this code in the OnCommand client-side event :

var elems = sender.get_masterTableView().get_dataItems();
for(var i=0;i<elems.length;i++)
{
elems[i].set_selected(false);
}

or this code : sender.get_masterTableView().clearSelectedItems()

it seems to unselect the dataitem in memory but not uncheck the checkbox html control.

If i get the html checkbox with get_element() and I unselect him, I also have a problem when the user want to click a chekbox previously selected on a other page : he need to click twice on an unchecked checkbox to check ...

Is there a way to simple solve this problem ?

I need to clear all checked checkbox when paging (full ajax), and keep the item checked in memory. When the user return on a page where checkbox are previously checked, I need to check them automatically.

thanks for you help !

Jérôme

Grid

answered on 23 Sep 2009

16 answers

1.4K+ views

Script control '...' is not a registered script control.

My ASPX looks like this:

<!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">  

        <div> 

            <asp:ScriptManager runat="server" ID="ScriptManager">  

            </asp:ScriptManager> 

            <telerik:RadDockLayout runat="server" ID="MainRadDockLayout">  

                <table width="100%" border="1">  

                    <tr> 

                        <td style="height: 500px; vertical-align: top">  

                            ... left column ...  

                            <telerik:RadDockZone runat="server" ID="LeftZoneRadDockZone">  

                                <telerik:RadDock runat="server" ID="Control1RadDock" DockMode="Docked" AutoPostBack="true" 

                                    CommandsAutoPostBack="true">  

                                    <TitlebarTemplate> 

                                        <div> 

                                            Control 1</div> 

                                    </TitlebarTemplate> 

                                    <ContentTemplate> 

                                        ... some control ...  

                                    </ContentTemplate> 

                                </telerik:RadDock> 

                                <telerik:RadDock runat="server" ID="Control2RadDock" DockMode="Docked" AutoPostBack="true" 

                                    CommandsAutoPostBack="true">  

                                    <TitlebarTemplate> 

                                        <div> 

                                            Control 2</div> 

                                    </TitlebarTemplate> 

                                    <ContentTemplate> 

                                        ... some control ...  

                                    </ContentTemplate> 

                                </telerik:RadDock> 

                            </telerik:RadDockZone> 

                        </td> 

                        <td style="height: 500px; vertical-align: top">  

                            ... center column ...  

                        </td> 

                        <td style="height: 500px; vertical-align: top" runat="server" id="RightColumnTD">  

                            ... right column ...  

                            <telerik:RadDockZone runat="server" ID="RightZoneRadDockZone">  

                                <telerik:RadDock runat="server" ID="Control3RadDock" DockMode="Docked" AutoPostBack="true" 

                                    CommandsAutoPostBack="true">  

                                    <TitlebarTemplate> 

                                        <div> 

                                            Control 3</div> 

                                    </TitlebarTemplate> 

                                    <ContentTemplate> 

                                        ... some control ...  

                                    </ContentTemplate> 

                                </telerik:RadDock> 

                                <telerik:RadDock runat="server" ID="Control4RadDock" DockMode="Docked" AutoPostBack="true" 

                                    CommandsAutoPostBack="true">  

                                    <TitlebarTemplate> 

                                        <div> 

                                            Control 4</div> 

                                    </TitlebarTemplate> 

                                    <ContentTemplate> 

                                        ... some control ...  

                                    </ContentTemplate> 

                                </telerik:RadDock> 

                            </telerik:RadDockZone> 

                        </td> 

                    </tr> 

                </table> 

            </telerik:RadDockLayout> 

            <div style="display: none">  

                <asp:UpdatePanel runat="server" ID="MainUpdatePanel">  

                    <Triggers> 

                        <asp:AsyncPostBackTrigger ControlID="Control1RadDock" EventName="DockPositionChanged" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control1RadDock" EventName="Command" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control2RadDock" EventName="DockPositionChanged" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control2RadDock" EventName="Command" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control3RadDock" EventName="DockPositionChanged" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control3RadDock" EventName="Command" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control4RadDock" EventName="DockPositionChanged" /> 

                        <asp:AsyncPostBackTrigger ControlID="Control4RadDock" EventName="Command" /> 

                    </Triggers> 

                </asp:UpdatePanel> 

            </div> 

            <asp:Button runat="server" ID="HideButton" Text="Hide right column" OnClick="HideButton_Click" /> 

        </div> 

    </form> 

</body> 

</html>

The codebehind:

using System;  

using System.Data;  

using System.Configuration;  

using System.Collections;  

using System.Web;  

using System.Web.Security;  

using System.Web.UI;  

using System.Web.UI.WebControls;  

using System.Web.UI.WebControls.WebParts;  

using System.Web.UI.HtmlControls;  

public partial class Portal : System.Web.UI.Page  

{  

    protected void Page_Load(object sender, EventArgs e)  

    {  

        //  

    }  

    protected void HideButton_Click(object sender, EventArgs e)  

    {  

        RightColumnTD.Visible = false;  

    }  

}

Then I drag "Control3" to the left column and drop it into the "LeftZoneRadDockZone" zone. When I click on the "HideButton" afterwards, an System.ArgumentException is raised: "Script control 'Control3RadDock' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors(). Parameter name: scriptControl".

Please advice on this.

Kind Regards,
Ramon

Dock

answered on 23 Sep 2009

5 answers

163 views

RadUpload in a masterpage/user controls scenario

What is the recommended way to use RadUpload in a masterpage / user controls scenario?

I have multiple user controls which contain RadUpload control. It is possible, that more than one of these controls will be visible on a page.

I would like to display the upload progress using RadProgressManager/RadProgressArea controls, but I'm not sure what the recommended/best way is in that scenario:

should I place a RadProgressManager/Area on each user control containing a RadUpload control?
or should I put one RadProgressManager/Area onto the master page?

It's not clear to me, how the RadUpload controls "selects" a RadProgressManager/Area to display the progress.

Thanks for your help.

Upload (Obsolete)

answered on 23 Sep 2009

2 answers

153 views

Hide rows in a 1 level hierarchy Grid

Hi all,

I've a RadGrid with one detailTable level.

My goal is to when editing one row in the detailTable, the other rows (not selected) should disappear,
as well as the only visible row in the Main Grid should be the parent row (wich is actually expanded)

I tryed the code below but it's not working.

    
                        foreach (GridDataItem dataItem in RadGrid1.Items)  
        
                        {  
        
                            if (RadGrid1.EditItems.Count > 0)  
        
                            {  
        
                                if (!dataItem.Expanded)  
        
                                {  
        
                                    dataItem.Visible = false;  
        
                                }  
        
                                else   
        
                                {  
        
                                    foreach (GridDataItem item in RadGrid1.MasterTableView.Items[0].ChildItem.NestedTableViews[0].Items)  
        
                                    {  
        
                                        if (item != RadGrid1.EditItems[0])  
        
                                        {  
        
                                            item.Visible = false;                                  
        
                                        }                                                              
        
                                    }  
        
                                }                     
        
                            }    
        
                        }

Any help is very appreciated.

Nuno Sénica.

Grid

answered on 23 Sep 2009

3 answers

487 views

RadUpload inside EditItemTemplate on RadGrid problem

Hi, I have a grid with the following code that is suposed to allow insert/update/delete of a module of our system. On ItemTemplate I show a link do download the file and on EditItemTemplate I tried to use a RadUpload to send the update. But I dont know how to ind the value of the RadUpload first file to the DataField Module.

How can I accomplish this ? I'm new to Telerik.

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" Width="97%" DataSourceID="SqlDataSource1" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" AllowAutomaticDeletes="True" ShowStatusBar="True"

GridLines="None" OnItemDataBound="RadGrid1_ItemDataBound"

OnItemCreated="RadGrid1_ItemCreated" PageSize="3">

<telerik:GridEditCommandColumn ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

<telerik:GridTemplateColumn DataField="Name" HeaderText="Name"

SortExpression="Name" UniqueName="Name">

<asp:Label runat="server" ID="lblName" Text='<%# Eval("Name") %>' />

</ItemTemplate>

<telerik:RadTextBox runat="server" Width="200px" ID="txbName" Text='<%# Bind("Name") %>' />

<asp:RequiredFieldValidator ID="Requiredfieldvalidator1" runat="server" ControlToValidate="txbName"

ErrorMessage="Please, enter a name!" Display="Dynamic" SetFocusOnError="true" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Version" HeaderText="Version"

SortExpression="Version" UniqueName="Version">

<asp:Label ID="lblDescription" runat="server" Text='<%# Eval("Version") %>' />

</ItemTemplate>

<telerik:RadTextBox ID="txbDescription" Width="300px" runat="server" TextMode="MultiLine"

Text='<%# Bind("Version") %>' Height="150px" />

<asp:RequiredFieldValidator ID="Requiredfieldvalidator2" runat="server" ControlToValidate="txbDescription"

ErrorMessage="Please, enter a name!" Display="Dynamic" SetFocusOnError="true" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Módulo" UniqueName="Module" DataField="Module">

<asp:HyperLink ID="hlDownload" runat="server" NavigateUrl='<%# "teste.aspx?s=" + Eval("ID") %>'>Baixar</asp:HyperLink>

</ItemTemplate>

<telerik:RadUpload ControlObjectsVisibility="None" MaxFileInputsCount="1" ID="RadUpload1" runat="server">

</telerik:RadUpload>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton">

</telerik:GridButtonColumn>

</Columns>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Upload (Obsolete)

answered on 23 Sep 2009

2 answers

88 views

RadFormDecorator generate jscipt error on page

Hello,
I have a project with mater content pages and I have a form decorator on the master page. When I am running the project, form decorator generate jscrip error on page (when I remove the formdecorator it is working well).

My telerik version is: 2008.3.1504.35

Can I use radFormDecorator on master/ content pages?

Best regards

FormDecorator

answered on 23 Sep 2009

7 answers

267 views

Ajex Issue in File Download

I got the message "to help protect your security, Internet Explorer blocked this site from downloading.." from the browser when implementing Ajax download (progress image),

my client code is like:
<telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="LoadingPanel1"> My Download button here...