Questions on UI for ASP.NET AJAX Forum

1 answer

234 views

We are having some issues with a drop down list when it is populated with a large amount of items (1800).

We have the drop down list containing vendors sitting on a master page and a couple of telerik RadHtmlCharts on a child page that show the sales for the selected vendor. On first load there is a default selected vendor and the graphs display that vendor's sales. The user can then change the vendor in the drop down list and the graphs will change to show that vendor's sales. Pretty basic stuff.

When the page is first loaded it renders quickly and without issue, but if the user changes the selected vendor the page takes a good 15 seconds to load. It loads partially, but then takes extra time to load the charts. The browser locks up while it's doing it. In some cases it will crash the browser.

We have tried replacing the drop down list with a rad combo box and the issue remains. If we change the rad drop down list to the standard ASP.NET drop down list the issue goes away.

The issue only seem to occur in Chrome. In Firefox the page loads quickly.

Attached is the Timeline from Chrome dev tools. I'm wondering if this is an issue with Layout and Recalculate Style? This happens a lot when the user changes the selected vendor, but you don't see it happening when the page first loads.

The data for the drop down list is loaded during Page_Load like so:

if (!IsPostBack)

{

rddlVendors.Visible = false;

DataTable dtVendors = dbMain.get_VendorList_by_AccountID_ForMenu((int)Session["AccountID"]);

if (dtVendors.Rows.Count > 0)

{

if (dtVendors.Rows.Count > 1)

{

rddlVendors.Visible = true;

rddlVendors.DataSource = dtVendors;

rddlVendors.DataTextField = "name";

rddlVendors.DataValueField = "ID";

rddlVendors.DataBind();

rddlVendors.SelectedValue = Session["VendorID"].ToString();

}

Let me know if you require any more information.
Thanks

DropDownList

answered on 18 Apr 2013

1 answer

94 views

Google Chrome Toolbar Render Issue

The toolbar and buttons in the RadEditor are rendering blurry and improperly aligned in Google Chrome. It looks OK in Firefox. I am using version 2013.1.403.40. I have attached screenshots of both.

Editor

answered on 18 Apr 2013

3 answers

169 views

[Solved] Cancel button not canceling

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucViewEditSearchEntry.ascx.cs" 
        
                Inherits="uc_View_Edit_Search_Entry" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <div> 
        
                <br /> 
        
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        
                &nbsp;  
        
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
        
                <telerik:RadGrid ID="rgViewEditSearchEntry" runat="server" AllowFilteringByColumn="True" 
        
                    AllowSorting="True" GroupingSettings-CaseSensitive="false" PageSize="20" GridLines="None" 
        
                    AutoGenerateColumns="False" DataSourceID="SqlRxLog" OnPageIndexChanged="rgViewEditSearchEntry_PageIndexChanged" 
        
                    AllowPaging="True" ShowStatusBar="True" AllowAutomaticDeletes="True" OnItemDeleted="rgViewEditSearchEntry_ItemDeleted" 
        
                    OnItemCancel="rgViewEditSearchEntry_ItemCancel" 
        
                    > 
        
                    <HeaderContextMenu EnableTheming="True">  
        
                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                    </HeaderContextMenu> 
        
                    <PagerStyle Mode="NextPrevAndNumeric" /> 
        
                    <MasterTableView DataKeyNames="Id" DataSourceID="SqlRxLog" ShowFooter="False" CommandItemSettings-AddNewRecordText="Add New Contact" 
        
                        CommandItemDisplay="TopAndBottom">  
        
                        <CommandItemSettings AddNewRecordText="Add New Blocked Account"></CommandItemSettings> 
        
                        <RowIndicatorColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                        <Columns> 
        
                            <telerik:GridTemplateColumn UniqueName="EditColumn" ItemStyle-Width="16px" AllowFiltering="false">  
        
                                <HeaderStyle Width="10px" /> 
        
                                <ItemTemplate> 
        
                                    <asp:ImageButton ID="imgbtnEdit" ToolTip="Edit Contact" runat="server" CommandName="Edit" 
        
                                        ImageUrl="~/images/magnifying.jpg" Width="15px" /> 
        
                                </ItemTemplate> 
        
                                <ItemStyle Width="10px"></ItemStyle> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridTemplateColumn UniqueName="DeleteColumn" ItemStyle-Width="16px" AllowFiltering="false">  
        
                                <HeaderStyle Width="10px" /> 
        
                                <ItemTemplate> 
        
                                    <asp:ImageButton ID="imgbtnDelete" ToolTip="Delete Contact" runat="server" CommandName="Delete" 
        
                                        ImageUrl="~/images/recycle.jpg" Width="15px" OnClientClick="javascript:if(!confirm('This action will delete the selected contact. Are you sure?')){return false;}" /> 
        
                                </ItemTemplate> 
        
                                <ItemStyle Width="10px"></ItemStyle> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" HeaderText="Id" ReadOnly="True" 
        
                                SortExpression="Id" UniqueName="Id" FilterControlWidth="20px">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="DNIS" HeaderText="DNIS" SortExpression="DNIS" 
        
                                UniqueName="DNIS" FilterControlWidth="30px">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Prefix" HeaderText="Prefix" SortExpression="Prefix" 
        
                                UniqueName="Prefix" FilterControlWidth="30px">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Panel_Code" HeaderText="Panel_Code" SortExpression="Panel_Code" 
        
                                UniqueName="Panel_Code" FilterControlWidth="30px">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Premise_Phone" HeaderText="Premise_Phone" SortExpression="Premise_Phone" 
        
                                UniqueName="Premise_Phone">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Toll_Free_Number" HeaderText="Toll_Free_Number" 
        
                                SortExpression="Toll_Free_Number" UniqueName="Toll_Free_Number">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Date_Blocked" DataType="System.DateTime" HeaderText="Date_Blocked" 
        
                                SortExpression="Date_Blocked" UniqueName="Date_Blocked">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="CS_Number" HeaderText="CS_Number" SortExpression="CS_Number" 
        
                                UniqueName="CS_Number">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" SortExpression="Comments" 
        
                                UniqueName="Comments">  
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <EditFormSettings EditFormType="Template">  
        
                            <EditColumn UniqueName="EditCommandColumn1">  
        
                            </EditColumn> 
        
                            <FormTemplate> 
        
                                <asp:Table ID="tbSingleEntry" runat="server">  
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell ColumnSpan="2" HorizontalAlign="center">  
        
                                            <asp:Label ID="lblHeaderTitle" runat="server" Text="Single Entry Block Account"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblDNIS" runat="server" Text="DNIS:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtDNIS" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblPrefix" runat="server" Text="Prefix:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtPrefix" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblPanelCode" runat="server" Text="Panel Code:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtPanelCode" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblPremisePhone" runat="server" Text="Premise Phone:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtPremisePhone" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblTollFreeNumber" runat="server" Text="Toll Free Number:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtTollFreeNum" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblDateBlocked" runat="server" Text="Date Blocked:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtDateBlocked" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblCSNumber" runat="server" Text="CS Number:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtCSNumber" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell> 
        
                                            <asp:Label ID="lblComments" runat="server" Text="Comments:"></asp:Label> 
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                            <asp:TextBox ID="txtComments" runat="server"></asp:TextBox> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                    <asp:TableRow> 
        
                                        <asp:TableCell>          
        
                                        </asp:TableCell> 
        
                                        <asp:TableCell> 
        
                                        </asp:TableCell> 
        
                                    </asp:TableRow> 
        
                                </asp:Table> 
        
                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' 
        
                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>  
        
                                </asp:Button>&nbsp;<asp:Button ID="btnCancel" runat="server" Text="Cancel"   
        
                                    CommandName="Cancel"/>  
        
                                </td> 
        
                                <br /> 
        
                            </FormTemplate> 
        
                        </EditFormSettings> 
        
                    </MasterTableView> 
        
            <GroupingSettings CaseSensitive="False"></GroupingSettings> 
        
                    <FilterMenu EnableTheming="True">  
        
                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                    </FilterMenu> 
        
                </telerik:RadGrid> 
        
                <asp:SqlDataSource ID="SqlRxLog" runat="server" ConnectionString="<%$ ConnectionStrings:RxLogConnectionString %>" 
        
                    SelectCommand="SELECT * FROM [BlokedAcc]"></asp:SqlDataSource> 
        
            </div>

Simple button within radgrid masterformview that is supposed to just close the template when hit the cancel button but doesn't?

Grid

answered on 18 Apr 2013

13 answers

409 views

Center a single menu item

Hi..
All the the text and images of my items on my menu are left aligned - How can I center the text of a single item? Thanks

RadMenuItem

NewItem = new RadMenuItem();

this.RadMenu.Items.Add(NewItem);

NewItem.ForeColor = System.Drawing.

Color.Blue;

NewItem.Text = ((

Admin.OfficeCodeDataTable)Session["Office_Table"])[0].SenatorElect;

NewItem.ToolTip = NewItem.Text;

NewItem.Width = 375;

Menu

answered on 18 Apr 2013

1 answer

131 views

Enable background for editing

I have a RADEditor inside an AJAX modal popup. Whenever the popup appears, the background turns grey and is disabled. I need the background to be enabled so it can be edited even when the modal popup is there.

Ajax

answered on 18 Apr 2013

1 answer

45 views

Custom dialogs

Hi, i have seen http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultvb.aspx and i have tried to add new custom dialogs on my application.

But i want to open a new diaolg with some parameters, in my old telerik i wrote:

var args = editor.GetDialogParameters(commandName)

args.text = showSelectedTextContent()

args.html = showSelectedHTMLContent()

but now with last telerik update i have no idea how to do

Editor

answered on 18 Apr 2013

6 answers

314 views

RadPanelBar Scrolling to Selected Item

I have an ascx control that is inside of another aspx page. This ascx control has a RadPanelBar with two items, the first of which is a RadTreeView. Currently we have more than 50 nodes in our RadTreeView with child node under each one. If we select a node near the bottom of the tree view, the page refreshes during the post back and the selected item is out of view. Is there code available to keep the selected node in a RadTreeView visible when it is inside of a RadPanelBar?

I have included some of the code from our ascx file showing the RadPanelBar and RadTreeView.

<telerik:RadPanelBar ID="NavigationPanel" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem Expanded="true" ImageUrl="../Images/process24.gif">

<Items>

<telerik:RadPanelItem>

<ItemTemplate>

<telerik:RadTreeView ID="ProcessTree" runat="server" ShowLineImages="false" OnNodeExpand="ProcessTree_NodeExpand"

OnClientContextMenuItemClicking="ProcessContextItemClicking" OnNodeEdit="ProcessTree_NodeEdit"

OnClientNodeClicking="ProcessNodeClicking" OnContextMenuItemClick="ProcessTreeContextMenuItemClick"

OnClientContextMenuShowing="ProcessContextMenuShowing" OnClientNodeEditStart="OnClientNodeEditStartHandler"

OnPreRender="RadTreeView_PreRender" >

PanelBar

answered on 18 Apr 2013

1 answer

89 views

Finding Control inside RadGrid FormTemplate

Let' say I have this grid,

<telerik:RadGrid
    ...........................
    ...........................
    <FormTemplate>
            <asp:TextBox ID="txtDescription" runat="server" />
    </FormTemplate>
    ...........................
    ...........................
    ...........................

Now In code behind I need txtDescription inside DataSource1_Updating event,

    protected void DataSource1_Updating(object sender, SqlDataSourceCommandEventArgs e){

Is this is possible?

General Discussions

answered on 18 Apr 2013

4 answers

197 views

Row select count showing 0 on first row click

I have a grid, which allows multi select. This current set of results returns only one row. I click on that row. When using "MasterTable.get_selectedItems().length" in a function, its value is 0. I click the row a second time and it is 1. Why isn't it 1 the firs time, like it should be? I need this to work correctly.

Grid

answered on 18 Apr 2013

1 answer

118 views

Drop down rendering issue...

Hi,

I recently attempted to upgrade our existing ASP.Net website using .NET Framework 4 to use the Telerik.Web.UI & Telerik.Web.UI.Skins v2012.3.1308.40. Upon deploying the site, everything looks and works fine in IE 10 but in IE 9, the drop downs are not being rendered correctly. The drop image (black triangle upside) where the user would click to view the list, is being duplicated across multiple times for each drop down on the page. I would like to email you the snap shot of how the site looks to get better understanding on this.

Looking forward to your response. Thank you.

Geeva

Ajax

answered on 18 Apr 2013