Questions on UI for ASP.NET AJAX Forum

6 answers

245 views

[Solved] Loading Telerik scripts as a single resource

We have need to use ComboBox, DateTimePicker, Grid, Window, Tooltip, RadFormDecorator, and Scheduler controls all possibly on the same page.

What is the best way to manage adding the required scripts for these controls to a RadScriptManager to cut down on the total requests hitting the webserver?

Thanks,

Jason

ScriptManager and StyleSheetManager

answered on 18 Jan 2010

8 answers

107 views

Editor Scroll Bar problem.

Hi All

I am try to use rad editor. the problem is once i click on the upload button on image manager nothing happen( I mean no more window will open). i have configure all the upload view delete paths.

Thanks
Regards
Rukman

Editor

answered on 18 Jan 2010

6 answers

323 views

[Solved] Setting any height cause poor grid resizing performance

I have a page with the following layout:

Header
RadMenu
RadToolbar
RadGrid
Footer

Header and footer are divs positioned with CSS. RadMenu, RadToolbar, and RadGrid sit inside a content div size to fit between the header and footer with CSS rules.

Anytime I set a height for the RadGrid using its Height property, I see very poor rendering performance for the grid (in the 1-2 second range). Grid column headers are set to remain static for vertical scrolling and scroll horizontally with horizontal scrolling. The grid contains about 40 columns and 100 rows of data so both horizontal and vertical scroll bars are present.

If a remove any explicit height value, the grid renders very quickly, but it does not fill the content area between the toolbar and footer. I assume the resizing is controlled with JavaScript. Any suggestions for speeding this up without a hack?

Grid

answered on 18 Jan 2010

1 answer

101 views

Sort TemplateColumn problem

Hello, i'm having a problem with the RadGrid, i have several columns, one of them has only numeric data, and the RadGrid sort it as text not as number. All columns are TemplateColumns, here is the code

    
                    <telerik:RadGrid 
        
                        ID="radGridShoppingCart" 
        
                        runat="server" 
        
                        Height="100%" 
        
                        Width="100%" 
        
                        GridLines="Both" 
        
                        DataSourceID="oDsInfoDetalleCesta" 
        
                        Skin="Default" 
        
                        ShowStatusBar="true" 
        
                        PageSize="5" 
        
                        OnItemDataBound="radGridShoppingCart_ItemDataBound">             
        
                        <MasterTableView 
        
                            AutoGenerateColumns="false" 
        
                            AllowAutomaticDeletes="false" 
        
                            AllowAutomaticInserts="false" 
        
                            AllowAutomaticUpdates="false" 
        
                            AllowSorting="true" 
        
                            AllowNaturalSort="true" 
        
                            AllowPaging="true" 
        
                            CellPadding="0" 
        
                            CellSpacing="0" 
        
                            PagerStyle-AlwaysVisible="true" 
        
                            PagerStyle-Mode="NextPrevAndNumeric" 
        
                            PagerStyle-Position="Bottom"> 
        
                            <Columns> 
        
                                <telerik:GridTemplateColumn 
        
                                    DataField="colItemNumber" 
        
                                    DataType="System.Int32" 
        
                                    Resizable="true" 
        
                                    UniqueName="colItemNumber" 
        
                                    HeaderStyle-HorizontalAlign="Center" 
        
                                    ShowSortIcon="true" 
        
                                    SortExpression="ITEM_NUMBER" 
        
                                    HeaderStyle-Width="10%"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Label 
        
                                            ID="lblItemNumber" 
        
                                            runat="server" 
        
                                            CssClass="gridItem" 
        
                                            Text='<% #Eval("ITEM_NUMBER") %>'> 
        
                                        </asp:Label> 
        
                                    </ItemTemplate> 
        
                                    <ItemStyle 
        
                                        HorizontalAlign="Center" /> 
        
                                </telerik:GridTemplateColumn> 
        
                                <telerik:GridTemplateColumn 
        
                                    DataField="colDescription" 
        
                                    Resizable="true" 
        
                                    UniqueName="colDescription" 
        
                                    HeaderStyle-HorizontalAlign="Left" 
        
                                    HeaderStyle-Width="45%" 
        
                                    ShowSortIcon="true" 
        
                                    SortExpression="DESCRIPTION"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Label 
        
                                            ID="lblDescription" 
        
                                            runat="server" 
        
                                            CssClass="gridItem" 
        
                                            Text='<% #Eval("DESCRIPTION") %>'> 
        
                                        </asp:Label> 
        
                                    </ItemTemplate> 
        
                                    <ItemStyle 
        
                                        HorizontalAlign="Left" /> 
        
                                </telerik:GridTemplateColumn> 
        
                                <telerik:GridTemplateColumn 
        
                                    DataField="colQuantity" 
        
                                    Resizable="true" 
        
                                    UniqueName="colQuantity" 
        
                                    HeaderStyle-HorizontalAlign="Right" 
        
                                    HeaderStyle-Width="15%" 
        
                                    ShowSortIcon="true" 
        
                                    SortExpression="QUANTITY"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Label 
        
                                            ID="lblQuantity" 
        
                                            runat="server" 
        
                                            CssClass="gridItem" 
        
                                            Text='<% #Eval("QUANTITY") %>'> 
        
                                        </asp:Label> 
        
                                    </ItemTemplate> 
        
                                    <ItemStyle 
        
                                        HorizontalAlign="Right" /> 
        
                                </telerik:GridTemplateColumn> 
        
                                <telerik:GridTemplateColumn 
        
                                    DataField="colUnit" 
        
                                    Resizable="true" 
        
                                    UniqueName="colUnit" 
        
                                    HeaderStyle-HorizontalAlign="Center" 
        
                                    HeaderStyle-Width="10%" 
        
                                    ShowSortIcon="true" 
        
                                    SortExpression="UNIT"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Label 
        
                                            ID="lblUnit" 
        
                                            runat="server" 
        
                                            CssClass="gridItem" 
        
                                            Text='<% #Eval("UNIT") %>'> 
        
                                        </asp:Label> 
        
                                    </ItemTemplate> 
        
                                    <ItemStyle 
        
                                        HorizontalAlign="Center" /> 
        
                                </telerik:GridTemplateColumn> 
        
                                <telerik:GridTemplateColumn 
        
                                    DataField="colPrice" 
        
                                    Resizable="true" 
        
                                    UniqueName="colPrice" 
        
                                    HeaderStyle-HorizontalAlign="Right" 
        
                                    HeaderStyle-Width="20%" 
        
                                    ShowSortIcon="true" 
        
                                    SortExpression="PRICE"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Label 
        
                                            ID="lblPrice" 
        
                                            runat="server" 
        
                                            CssClass="gridItem" 
        
                                            Text='<% #(((double.Parse(Eval("QUANTITY").ToString())) * (double.Parse(Eval("PRICE").ToString()))).ToString("N")) + " " + Eval("CURRENCY").ToString()%>'> 
        
                                        </asp:Label> 
        
                                    </ItemTemplate> 
        
                                    <ItemStyle 
        
                                        HorizontalAlign="Right" /> 
        
                                </telerik:GridTemplateColumn> 
        
                            </Columns> 
        
                            <HeaderStyle 
        
                                Font-Bold="true" 
        
                                Font-Names="Verdana" 
        
                                Font-Size="6.5pt" 
        
                                ForeColor="#000000" 
        
                                VerticalAlign="Middle" 
        
                                Wrap="true"/> 
        
                            <ItemStyle 
        
                                Font-Names="Verdana" 
        
                                Font-Size="6.5pt" 
        
                                VerticalAlign="Middle" /> 
        
                            <PagerStyle 
        
                                Font-Bold="true" 
        
                                Font-Names="Verdana" 
        
                                Font-Size="7.5pt" 
        
                                HorizontalAlign="Left" 
        
                                VerticalAlign="Middle" 
        
                                Mode="NumericPages" /> 
        
                            <CommandItemStyle 
        
                                Font-Bold="true" 
        
                                Font-Names="Verdana" 
        
                                Font-Size="7.5pt "/> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid>

The problem is with the colItemNumber column. Thanks in advance.

Grid

answered on 18 Jan 2010

3 answers

156 views

Combox, no Overlay for FF?

the combo box works fine in IE. but when in FF, it doesn't go over my flash.
If flash wmode=transparent it works, but i need it not to be tranparant for speed issues. works fin ein IE.

I saw that the non ajax has overlay property, but the ajax one doesn't?

how can i make the dropdown show over flash in FF?

ComboBox

answered on 18 Jan 2010

1 answer

89 views

How to prohibit drag&drop in RadScheduler..

Hi,

I wonder how to prohibit drag and drop using mouse in RadScheduler which version is 2009 V2.
Is there any solution about this?

Please, refer to the below source code.

Many thanks,
Joey

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/Master/RootMasterPage.master" AutoEventWireup="true" 
        
                CodeFile="ScheduleList.aspx.cs" Inherits="Schedule_ScheduleList" %> 
        
            <%@ Register Assembly="HunetPager" Namespace="HunetPager" TagPrefix="pager" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <%@ Reference Control="~/Control/ScheduleToolTip.ascx" %> 
        
            <%@ Import Namespace="Hunet.GW.UserInfo" %> 
        
            <%@ Import Namespace="System.Collections.Generic" %> 
        
            <%@ Import Namespace="System.Linq" %> 
        
            <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">  
        
                <script type="text/javascript">  
        
                    //<![CDATA[ 
        
                    function hideActiveToolTip() { 
        
                        var tooltip = Telerik.Web.UI.RadToolTip.getCurrent(); 
        
                        if (tooltip) { 
        
                            tooltip.hide(); 
        
                        } 
        
                    } 
        
                    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler); 
        
                    function beginRequestHandler(sender, args) { 
        
                        var prm = Sys.WebForms.PageRequestManager.getInstance(); 
        
                        if (args.get_postBackElement().id.indexOf('RadScheduler1') != -1) { 
        
                            hideActiveToolTip(); 
        
                        } 
        
                    } 
        
                    function clientBeforeShow(sender, eventArgs) { 
        
                        w = $telerik.$(window).width() / 2; 
        
                        h = $telerik.$(window).height() / 2; 
        
                        if ((sender._mouseX > w) && (sender._mouseY > h)) { 
        
                            sender.set_position(Telerik.Web.UI.ToolTipPosition.TopLeft); 
        
                            return; 
        
                        } 
        
                        if ((sender._mouseX < w) && (sender._mouseY > h)) { 
        
                            sender.set_position(Telerik.Web.UI.ToolTipPosition.TopRight); 
        
                            return; 
        
                        } 
        
                        if ((sender._mouseX > w) && (sender._mouseY < h)) { 
        
                            sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomLeft); 
        
                            return; 
        
                        } 
        
                        sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomRight); 
        
                    } 
        
                    //]]> 
        
                </script> 
        
                <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">  
        
                    <script type="text/javascript">  
        
                        function WriteForm(startDate) {  
        
                            location.href = 'ScheduleWrite.aspx?startDate=' + startDate;  
        
                        }  
        
                        function EditForm(scheduleSeq) {  
        
                            location.href = 'ScheduleModify.aspx?scheduleSeq=' + scheduleSeq;  
        
                        }  
        
                    </script> 
        
                </telerik:RadScriptBlock> 
        
                <div class="search_top">  
        
                    <asp:DropDownList ID="ddlHeadquarter" runat="server" OnSelectedIndexChanged="ddlHeadquarter_selectedIndexChanged" 
        
                        AutoPostBack="true">  
        
                        <asp:ListItem Text="본부 선택" Value=""></asp:ListItem> 
        
                    </asp:DropDownList> 
        
                    <asp:DropDownList ID="ddlTeam" runat="server" Visible="false" OnSelectedIndexChanged="ddlTeam_selectedIndexChanged" 
        
                        AutoPostBack="true">  
        
                        <asp:ListItem Text="팀 선택" Value=""></asp:ListItem> 
        
                    </asp:DropDownList> 
        
                    <asp:DropDownList ID="ddlOpenType" runat="server" OnSelectedIndexChanged="ddlOpenType_selectedIndexChanged" 
        
                        AutoPostBack="true" Visible="false">  
        
                        <asp:ListItem Text="공개유형" Value=""></asp:ListItem> 
        
                        <asp:ListItem Text="전체" Value="1"></asp:ListItem> 
        
                        <asp:ListItem Text="팀" Value="2"></asp:ListItem> 
        
                        <asp:ListItem Text="본부" Value="3"></asp:ListItem> 
        
                        <asp:ListItem Text="비공개" Value="4"></asp:ListItem> 
        
                    </asp:DropDownList> 
        
                    <asp:DropDownList ID="ddlScheduleType" runat="server" OnSelectedIndexChanged="ddlScheduleType_selectedIndexChanged" 
        
                        AutoPostBack="true">  
        
                        <asp:ListItem Text="일정유형" Value=""></asp:ListItem> 
        
                    </asp:DropDownList> 
        
                    <asp:DropDownList ID="ddlSearch" runat="server">  
        
                        <asp:ListItem Text="검색항목" Value=""></asp:ListItem> 
        
                        <asp:ListItem Text="일정명" Value="title"></asp:ListItem> 
        
                        <%--<asp:ListItem Text="등록자명" Value="regNm"></asp:ListItem>--%> 
        
                        <asp:ListItem Text="등록자ID" Value="regId"></asp:ListItem> 
        
                    </asp:DropDownList> 
        
                    <asp:TextBox ID="txtSearchNm" runat="server" Width="200px"></asp:TextBox> 
        
                    <asp:CheckBox ID="chkMine" runat="server" AutoPostBack="true" Checked="true" />내일정  
        
                    <asp:ImageButton ID="ibtSearch" runat="server" OnClick="ibtSearch_click" ImageUrl="/image/btn/btn_s_search.gif" 
        
                        ImageAlign="absmiddle" CssClass="searchBtn" /> 
        
                </div> 
        
                <div class="contents_sub clearfix">  
        
                    <h3> 
        
                        일정관리  
        
                        <p> 
        
                            <span class="btnBGrey"><a href="ScheduleWrite.aspx"><span></span><strong>일정등록</strong></a></span> 
        
                        </p> 
        
                    </h3> 
        
                    <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">  
        
                        <ContentTemplate> 
        
                            <telerik:RadScheduler runat="server" ID="RadScheduler1" Height="571px" AllowDelete="False" 
        
                                OnAppointmentCreated="RadScheduler1_AppointmentCreated" DataKeyField="ID" DataSubjectField="Subject" 
        
                                DataStartField="Start" DataEndField="End" CustomAttributeNames="TypeCd, OpenType, WorkSeq, ScheduleSeq, RegId" 
        
                                OnClientBeforeShow="clientBeforeShow" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" 
        
                                AdvancedForm-Enabled="false" OnFormCreating="RadScheduler1_FormCreating" OnAppointmentDelete="RadScheduler1_AppointmentDelete" 
        
                                EnableEmbeddedSkins="True" OverflowBehavior="Expand" 
        
                                EnableAdvancedForm="False" 
        
                                DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId">  
        
                                <timelineview userselectable="false" /> 
        
                                <resourcestyles> 
        
                                    <telerik:ResourceStyleMapping Type="Calendar" Text="All" ApplyCssClass="rsCategoryGreen" /> 
        
                                    <telerik:ResourceStyleMapping Type="Calendar" Text="Headqurter" ApplyCssClass="rsCategoryRed" /> 
        
                                    <telerik:ResourceStyleMapping Type="Calendar" Text="Team" ApplyCssClass="rsCategoryOrange" /> 
        
                                    <telerik:ResourceStyleMapping Type="Calendar" Text="Secreat" ApplyCssClass="rsCategoryOrange" /> 
        
                                </resourcestyles> 
        
                                <appointmenttemplate> 
        
                                    <DataTemplate>    
        
                                        <Grid> 
        
                                    <TextBlock Height="100">   
        
                            <asp:Label ID="lblTitle" runat="server"></asp:Label> 
        
                            </TextBlock> 
        
                            </Grid> 
        
                            </DataTemplate>    
        
                        </appointmenttemplate> 
        
                                <timelineview userselectable="false" /> 
        
                                <dayview userselectable="false" /> 
        
                                <weekview userselectable="true" /> 
        
                                <monthview userselectable="true" visibleappointmentsperday="2" /> 
        
                            </telerik:RadScheduler> 
        
                            <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="300" Height="150" 
        
                                Skin="Web20" Animation="None" Position="BottomCenter" Sticky="True" Text="Loading..." 
        
                                OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" /> 
        
                        </ContentTemplate> 
        
                    </asp:UpdatePanel> 
        
                    <p class="tbl_list_btn">  
        
                        <span class="btnBGrey"><a href="ScheduleWrite.aspx"><span></span><strong>일정등록</strong></a></span> 
        
                    </p> 
        
                </div> 
        
            </asp:Content>

Scheduler

answered on 18 Jan 2010

1 answer

90 views

Items are not rendered correctly

Attached is the snapshot of schedule. I have a whole bunch of appointments between 10am and 1 pm. None of these overlap but they overlap in scheduler.

Any ideas why is it happening? I am printing start and end time of each appointment as subject so you could see none of these overlap.

Thanks.

Scheduler

answered on 18 Jan 2010

0 answers

95 views

RecurrenceActionDialogShowingHandler Delete mode?

Is it possible to determine whether the user is deleting or editing in the RecurrenceActionDialogShowingHandler event?

if a user is deleting I always want to show the dialog but not always when the user is editing. I'm not seeing anything in the args that can help.

thanks

Scheduler

asked on 18 Jan 2010

2 answers

383 views

Combobox height

I want to increase the height of a combobox but it doesn't work, see the screenshot attached.

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" 
        
                CodeFile="HomeTest.aspx.cs" Inherits="HomeTest" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="CphMaster" runat="Server">  
        
                <script type="text/javascript">  
        
                    function RequestingHandler(sender, eventArgs) {  
        
                        if (eventArgs.get_text().length < 3)  
        
                            eventArgs.set_cancel(true)  
        
                        else  
        
                            eventArgs.set_cancel(false);  
        
                    }  
        
                    function ClientKeyPressing(sender, eventArgs) {  
        
                        if (eventArgs.get_domEvent().keyCode == 13) { // enter key  
        
                            document.getElementById("<%= btnGo.UniqueID %>").click();  
        
                        }  
        
                    }  
        
                    function ClientSelectedIndexChanged(sender, eventArgs) {  
        
                        var item = eventArgs.get_item();  
        
                        sender.set_text(item.get_text());  
        
                    }  
        
                </script> 
        
                <style type="text/css">  
        
                    div.CustomCssClass .rcbInputCell INPUT.rcbInput  
        
                    {  
        
                        height: 80px;  
        
                    }  
        
                </style> 
        
                <telerik:RadComboBox ID="cboSearch" runat="server" Skin="WebBlue" AllowCustomText="True" 
        
                    MarkFirstMatch="false" EnableLoadOnDemand="True" OnClientSelectedIndexChanged="ClientSelectedIndexChanged" 
        
                    CssClass="CustomCssClass" OnItemsRequested="ItemsRequested" OnClientKeyPressing="ClientKeyPressing" 
        
                    LoadingMessage="Loading of suggested articles..." ItemRequestTimeout="200" OnClientItemsRequesting="RequestingHandler" 
        
                    AutoCompleteSeparator=";," SkinsPath="~/RadControls/ComboBox/Skins" Width="350px" 
        
                    ShowToggleImage="false" Height="120px" > 
        
                </telerik:RadComboBox> 
        
                &nbsp;  
        
                <asp:Button ID="btnGo" runat="server" Text="Go" OnClick="btnGo_Click" ToolTip="Click here to start the search" /> 
        
            </asp:Content>

ComboBox

answered on 18 Jan 2010

1 answer

112 views

Multiple RadWindowManagers

I'm looking at some code I've inherited.

The page uses a number of UserControls some of which have RadWindowManagers on them.

I find myself needing to call some of the dialogs in /one/ UserControl from within another UserControl.

I know that I could move all the window definitions to the page that holds them, but some of the controls are used on multiple pages and that means duplicating the definitions.

What's the best way of proceeding?

Should I, from within UserControlA, just $find the window in UserControlB? Or should I $find the window manager in UserControlB and call its open() method?

If it makes any difference, the managers in UserControlA and UserControlB set a number of default properties for the window definitions contained in them and I want those defaults to be used.

--
Stuart

Window

answered on 18 Jan 2010