Questions on UI for ASP.NET AJAX Forum

2 answers

97 views

I'm following the online example of RadScheduler Timelineview http://demos.telerik.com/aspnet-ajax/scheduler/examples/timelineview/defaultcs.aspx

I'm using the version RadControls for ASPNET AJAX Q1 2009

I've created two sqldatasources, one for the events and other for the resources.

The sqldatasurces have been tested and I get the data OK. To ensure it I bind then to a grid and a dropdownlist and everything seems to be OK.

                            <asp:SqlDataSource ID="SqlOcupacion" runat="server" ConnectionString="<%$ ConnectionStrings:iTurnosConnectionString1 %>" SelectCommand="sp_InternacionTurnos_ShowOS" SelectCommandType="StoredProcedure">         
                        <SelectParameters>         
                            <asp:SessionParameter Name="pIdObraSocial" SessionField="pIdObraSocial" Type="Int32" />         
                            <asp:SessionParameter Name="pfdesde" SessionField="pfdesde" Type="DateTime" />         
                            <asp:SessionParameter Name="pfhasta" SessionField="pfhasta" Type="DateTime" />         
                        </SelectParameters>         
                    </asp:SqlDataSource>                
                    <asp:SqlDataSource ID="SqlRecursos" runat="server" ConnectionString="<%$ ConnectionStrings:iTurnosConnectionString1 %>" SelectCommand="sp_InternacionRecursos_Show" SelectCommandType="StoredProcedure">         
                        <SelectParameters>         
                            <asp:SessionParameter DefaultValue="" Name="IdInstitucion" SessionField="IdInstitucion"         
                                Type="Int32" />         
                            <asp:SessionParameter DefaultValue="" Name="IdInternacionEspecialidad" SessionField="IdInternacionEspecialidad"         
                                Type="Int32" />         
                            <asp:Parameter DefaultValue="1" Name="IdInternacionRecurso" Type="Int32" />         
                        </SelectParameters>         
                    </asp:SqlDataSource>           

The sqldatasources use as parameters SessionFields. I set then in the Page_Load event of my page.

Here is the code of my RadScheduler

                                <telerik:RadScheduler runat="server" ID="SchOcupacionCamas" SelectedView="TimelineView"         
                            GroupBy="Camas" GroupingDirection="Vertical" SelectedDate="2008-05-27" DayStartTime="00:00:00"         
                            DayEndTime="23:59:00"  DataSourceID="SqlOcupacion"         
                            DataKeyField="IdInternacionTurno" DataSubjectField="Descripcion" DataStartField="FechaDesde" DataEndField="FechaHasta"         
                            OverflowBehavior="Expand" ShowViewTabs="false" TimelineView-NumberOfSlots="4"          
                            ColumnWidth="250px" Width="100%" Height="433px" WorkDayEndTime="00:00:00" WorkDayStartTime="00:00:00">         
                            <ResourceTypes>         
                                    <telerik:ResourceType KeyField="IdInternacionRecurso" Name="Camas" TextField="Descripcion" ForeignKeyField="IdInternacionRecurso"         
                                    DataSourceID="SqlRecursos" />         
                            </ResourceTypes>         
                            <TimelineView GroupBy="Camas" NumberOfSlots="4" ReadOnly="True" />         
                        </telerik:RadScheduler>         

The scheduler draw the resources in the first columns but it dont paint the events. The SQLProfiler makes me sure I'm getting the correct set off data.

Here a snapshot of the retrieved data for the SqlOcupacion Data Source

SqlOcupacion

Here a snapshot of the retrieved data for the SqlRecursosDataSource

SqlRecursos

Thanks!!!

Scheduler

answered on 23 Jun 2009

2 answers

99 views

Server side pagination for Hierarchy radGrid

HI,

In our application we implemented server side pagination using Object Container Data Source.
Is there a possibillity to include server side pagination in the hierarchial radgrid , need to have server side pagination in all the sub levels of the hierarchy grid

Thanks and Regards
V.Balamurali

Grid

answered on 23 Jun 2009

1 answer

164 views

Maximum Size Export To Excel

I have a grid and it contains about 1 million line items... I am very happy with the speed of processing when I sort, filter, etc... I have the data cached in a session variable.. and that makes everything run fast.

However, when I try to export to excel, I am getting an

Exception of type 'System.OutOfMemoryException' was thrown.

The actual number of rows is around 800,000.. here is a snapshot of the schema for the grid...

Table Schema

What can I do to improve performance? What can I do to make the grid export to excel...

and if there are too many items, what is the maximum size I can export?

I am loading the grid using nettiers... I am on 3.5, controls are the latest build, and running sql 2005

Thanks!

Jeff

Grid

answered on 23 Jun 2009

2 answers

54 views

AccessKey - Handle [CONTROL] + [CLICK] Event

I have a RadTreeView control that allows users to make multiple selections. I'd like to handle the [CONTROL] + [CLICK] event either server or client side to enable other controls when multiple items are selected in the TreeView. Is this possible?

TreeView

answered on 23 Jun 2009

1 answer

85 views

Cannot type in other fields if Editor is not visible

I have a page that has a RadEditor and an update button wrapped in a RadAjaxPanel. When the update button is clicked the page performs a partial postback and the text in the RadEditor is saved and the RadEditor's visibility is set to false. If the RadEditor content area has focus when the update button is clicked, then no other controls can receive focus.

Please let me know if there is a workaround so that the no longer visible RadEditor does not hijack the browser's focus. Note: I am using IE8, tried it in both IE7 and IE8 compatibility modes. FireFox does not have the issue.

If you'd like, I can post a simple aspx page that reproduces the issue. Thanks in advance.

Seth Garrod

Editor

answered on 23 Jun 2009

7 answers

272 views

RAD Panel Bar Height Issue

Hello Telerik,

I am having a problem in resizing(height=100%) the scheduler in Panel Bar. The height & width of the panel fixed to 100%. But it display white spce in panel item for scheduler. Also we try to give height of scheduler to 100%, but it was getting out of the panel item.

I have pasted my code below:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample2.aspx.cs" Inherits="Sample2" %> 
        
            <%@ 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 id="Head1" runat="server">  
        
                <title>CRM</title> 
        
                <link href="CSS/crmstyles.css" rel="stylesheet" type="text/css" /> 
        
                <link href="Telerik/RadControls/SBM_Spliter/Splitter.SBM_Spliter.css" rel="stylesheet" 
        
                    type="text/css" /> 
        
                <link href="Telerik/RadControls/SBM_Scheduler/Scheduler.SBM_Scheduler.css" rel="stylesheet" 
        
                    type="text/css" /> 
        
                <link href="Telerik/RadControls/SBM_PanelBar/PanelBar.SBM_PanelBar.css" rel="stylesheet" 
        
                    type="text/css" /> 
        
            </head> 
        
            <body> 
        
                <form runat="server" id="frmCRM" style="height: 100%">  
        
                <div id="wrapper">  
        
                    <telerik:RadAjaxManager runat="server" ID="ajax_manager">  
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                    <div id="content">  
        
                        <telerik:RadSplitter ID="RadSplitter1" runat="server" LiveResize="true" ResizeMode="AdjacentPane" 
        
                            Width="100%" Height="100%" Orientation="Horizontal" Skin="SBM_Spliter" EnableEmbeddedSkins="false" 
        
                            ResizeWithBrowserWindow="true" ResizeWithParentPane="true" SplitBarsSize="20" 
        
                            BorderSize="0" BorderStyle="None" BorderWidth="0px" FullScreenMode="false">  
        
                            <telerik:RadPane ID="RadPane1" Scrolling="None" runat="server" Width="98%" Height="10%" 
        
                                BackColor="#A6DBFF" BorderWidth="0px" BorderStyle="none" EnableEmbeddedBaseStylesheet="False">  
        
                                Vipin  
        
                            </telerik:RadPane> 
        
                            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Width="100%" /> 
        
                            <telerik:RadPane ID="RadPane2" Scrolling="None" runat="server" Width="98%" Height="90%" 
        
                                BorderWidth="0px" BorderStyle="none" EnableEmbeddedBaseStylesheet="False">  
        
                                <telerik:RadSplitter ID="RadSplitter2" runat="server" LiveResize="true" ResizeMode="AdjacentPane" 
        
                                    Width="100%" Orientation="Vertical" Skin="SBM_Spliter" EnableEmbeddedSkins="false" 
        
                                    ResizeWithBrowserWindow="true" ResizeWithParentPane="true" SplitBarsSize="20" 
        
                                    BorderSize="0" BorderStyle="None" BorderWidth="0px">  
        
                                    <telerik:RadPane ID="RadPane3" Scrolling="None" runat="server" Width="16%" Height="100%" 
        
                                        BorderWidth="0px" BorderStyle="none" EnableEmbeddedBaseStylesheet="False">  
        
                                    </telerik:RadPane> 
        
                                    <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both" Width="20px" 
        
                                        Height="100%" /> 
        
                                    <telerik:RadPane ID="RadPane4" Scrolling="None" runat="server" Width="26%" Height="100%" 
        
                                        BorderWidth="0px" BorderStyle="none" EnableEmbeddedBaseStylesheet="False">  
        
                                    </telerik:RadPane> 
        
                                    <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Both" Width="20px" 
        
                                        Height="100%" /> 
        
                                    <telerik:RadPane ID="RadPane5" Scrolling="None" runat="server" BorderWidth="0px" 
        
                                        BorderStyle="none" EnableEmbeddedBaseStylesheet="False" CssClass="ApplyPosition">  
        
                                        <telerik:RadPanelBar ID="PanelBar_Scheduler" runat="server" ExpandMode="FullExpandedItem" 
        
                                            Skin="SBM_PanelBar" Height="100%" Width="100%" AllowCollapseAllItems="true" EnableEmbeddedSkins="false">  
        
                                            <CollapseAnimation Type="InQuart" /> 
        
                                            <Items> 
        
                                                <telerik:RadPanelItem Expanded="false" ImageUrl="Img/schedule.png" Text="Calendar" 
        
                                                    BorderStyle="None" BorderWidth="0px">  
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem runat="server" Value="Calendar">  
        
                                                            <ItemTemplate> 
        
                                                                Vipin  
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem Expanded="True" ImageUrl="Img/schedule.png" Text="Scheduler" 
        
                                                    BorderStyle="None" BorderWidth="0px">  
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem runat="server" Value="WeekScheduler">  
        
                                                            <ItemTemplate> 
        
                                                            <div style="float:left; width: 100%; height:100%;">  
        
                                                                <telerik:RadScheduler ID="RadScheduler1" runat="server" DataEndField="End" DataKeyField="ID" 
        
                                                                    DataStartField="Start" DataSubjectField="Subject" EnableEmbeddedSkins="false" 
        
                                                                    SelectedView="MultiDayView" ShowAllDayRow="false" ShowNavigationPane="false" 
        
                                                                    Skin="SBM_Scheduler" CssClass="RadScheduler_SBM_Scheduler">  
        
                                                                    <MultiDayView ColumnHeaderDateFormat="D" NumberOfDays="2" UserSelectable="false"  /> 
        
                                                                    <WeekView UserSelectable="false" /> 
        
                                                                    <MonthView UserSelectable="false" /> 
        
                                                                    <TimelineView UserSelectable="false" /> 
        
                                                                    <DayView UserSelectable="false"  /> 
        
                                                                </telerik:RadScheduler></div>  
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem Expanded="false" ImageUrl="Img/schedule.png" Text="To Do's" 
        
                                                    BorderStyle="None" BorderWidth="0px" BackColor="RosyBrown">  
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem runat="server" Value="TODO">  
        
                                                            <ItemTemplate> 
        
                                                                Vipin  
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelBar> 
        
                                    </telerik:RadPane> 
        
                                </telerik:RadSplitter> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </div> 
        
                    <div id="footer">  
        
                        &nbsp;  
        
                    </div> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

also have a look on the CSS, we are using pasted below:

    
            html, body, form {  
        
                font-family: sans-serif, serif, "Trebuchet MS", Verdana;  
        
                font-size: 11px;  
        
                font-weight: normal;  
        
                color: #000000;  
        
                text-decoration: none;  
        
                line-height: 18px;  
        
                margin: 0px;  
        
                padding: 0px;  
        
                height: 100%;  
        
                width: 100%;  
        
            }  
        
            #wrapper {  
        
                padding: 0px;  
        
                width: 100%;  
        
                margin-top: 0px;  
        
                margin-right: auto;  
        
                margin-bottom: 0px;  
        
                margin-left: 0px;  
        
                height: 99%;  
        
                position: absolute;  
        
                clip: rect(0px,auto,auto,0px);  
        
            }  
        
            #header {  
        
                margin: 0px;  
        
                padding: 0px;  
        
                float: left;  
        
                width: 100%;  
        
                height: 100%;  
        
                border: 0px none #A6DBFF;  
        
                background-color: #fefeff;  
        
                text-align: center;  
        
                background-image: url('../img/header_backg.jpg');  
        
                background-position: bottombottom;  
        
                background-repeat:repeat-x;  
        
            }  
        
            #content {  
        
                margin: 0px;  
        
                padding: 0px;  
        
                float: left;  
        
                width: 100%;  
        
                border-right-width: 0px;  
        
                border-left-width: 0px;  
        
                border-right-style: none;  
        
                border-left-style: none;  
        
                border-right-color: #A6DBFF;  
        
                border-left-color: #A6DBFF;  
        
                border-bottom-width: 0px;  
        
                border-bottom-style: none;  
        
                border-bottom-color: #A6DBFF;  
        
                height: 98%;  
        
            }  
        
            #content #leftcolumn {  
        
                margin: 0px;  
        
                float: left;  
        
                width: 15%;  
        
                padding-top: 0px;  
        
                padding-right: 0px;  
        
                padding-bottom: 1%;  
        
                padding-left: 0px;  
        
            }  
        
            #content #centrecolumn {  
        
                margin: 0px;  
        
                float: left;  
        
                width: 26%;  
        
                border-right-width: 0px;  
        
                border-right-style: none;  
        
                border-right-color: #A6DBFF;  
        
                padding-top: 0px;  
        
                padding-right: 0px;  
        
                padding-bottom: 1%;  
        
                padding-left: 0px;  
        
                height: 98%;  
        
                border-left-width: 0px;  
        
                border-left-style: none;  
        
                border-left-color: #A6DBFF;  
        
            }  
        
            #content #rightcolumn {  
        
                margin: 0px;  
        
                float: left;  
        
                width: 58%;  
        
                padding-top: 0px;  
        
                padding-right: 0px;  
        
                padding-bottom: 1%;  
        
                padding-left: 0px;  
        
                height: 98%;  
        
            }  
        
            #footer {  
        
                margin: 0px;  
        
                padding: 0px;  
        
                clear: both;  
        
                height: 2%;  
        
                border-right-width: 1px;  
        
                border-bottom-width: 1px;  
        
                border-left-width: 0px;  
        
                border-right-style: none;  
        
                border-bottom-style: solid;  
        
                border-left-style: none;  
        
                border-right-color: #A6DBFF;  
        
                border-bottom-color: #A6DBFF;  
        
                border-left-color: #A6DBFF;  
        
                width: 100%;  
        
                font-size: 10px;  
        
                background-color: #A6DBFF;  
        
            }  
        
            #content .top {  
        
                margin: 0px;  
        
                padding: 0px;  
        
                float: left;  
        
                height: 100%;  
        
                width: 100%;  
        
                border-bottom-width: 1px;  
        
                border-bottom-style: solid;  
        
                border-bottom-color: #A6DBFF;  
        
            }  
        
            #content .bottombottom {  
        
                margin: 0px;  
        
                padding: 0px;  
        
                float: left;  
        
                height: 100%;  
        
                width: 100%;  
        
            }  
        
            #search_contacts  
        
            {  
        
                width:98%;  
        
                margin:0px;  
        
                padding:8px;  
        
                border: none 0px #ff0000;  
        
                float:left;  
        
                background-color: #A6DBFF;  
        
            }  
        
            #search_contacts .txtfield  
        
            {  
        
             border: solid 1px #000000;  
        
             width: auto;  
        
             font-size: 11px;  
        
             padding: 2px;  
        
            }  
        
            #search_contacts .btn_add  
        
            {  
        
                color: #FFFFFF;  
        
                margin: 0px;  
        
                padding: 0px;  
        
                height: 20px;  
        
                width: 50px;  
        
                border-top-width: 0px;  
        
                border-right-width: 0px;  
        
                border-bottom-width: 0px;  
        
                border-left-width: 0px;  
        
                border-top-style: none;  
        
                border-right-style: none;  
        
                border-bottom-style: none;  
        
                border-left-style: none;  
        
                background-color: #AF251B;  
        
                font-family: sans-serif, serif, Verdana, "Trebuchet MS" , Arial;  
        
                font-size: 12px;  
        
                cursor: pointer;  
        
                cursor: hand;  
        
            }  
        
            #contacts_grid  
        
            {  
        
                width:98%;  
        
                margin:0px;  
        
                padding:0px;  
        
                border: none 0px #ff0000;  
        
                float:left;  
        
                background-color: #A6DBFF;  
        
            }  
        
            .ApplyPosition     
        
                    {     
        
                      position: relative !important;     
        
                    }

It is displaying diffrently on 15", 17" & 19" monitor in terms of height.

Kindly help us

Thanks
Chinmay

PanelBar

answered on 23 Jun 2009

3 answers

391 views

CSS style not applied after postback

Hello!

I'm experiencing weird issue with RadUpload control. When the page initially loads, everythings looks fine, but after I click "Load" button, the postback occures and "Browse..." button of the RadUploader seems to lose it's css style.
I'm stuck with this one, so I really hope you guys can help me out. Thanx a lot in advance!

Here's the content of my aspx page:

<

asp:Content ID="Content1" ContentPlaceHolderID="plcContent" runat="server">

<

style type="text/css">

.RadUpload_artUpload .ruBrowse

{

background-color: #dcf0ff;

border: solid 2px #aadcff;

height: 23px;

width: 86px;

}

</

style>

<asp:Button ID="btnLoad" runat="server" Text="Load"/>

<telerik:RadUpload ID="ruFileUpload" MaxFileInputsCount="1" Skin="artUpload" ControlObjectsVisibility="None" runat="server" Localization-Select="Browse..." EnableEmbeddedSkins="false" />

</

asp:Content>

Upload (Obsolete)

answered on 23 Jun 2009

0 answers

65 views

TreeView Control and Parser Error

I am using the trail version of the controls. Loading a Tree on Demand using Server Call pack method. Doing so I get this ugly error:

sys.webforms.pagerequestmanagerparsererrorexception: The message received from the server could not be parsed. Common causes for this error are when the resonse is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled. Details: Error parsing near 'Telerik.Web.UI2009.'

TreeView

asked on 23 Jun 2009

3 answers

115 views

Client side databinding, predefined columns

Hi,

Am facing a very strange issue, where i am using client side data binding and using a page method to return a business object.

When i use Autogenerate columns, the data is displayed fine. Where in, if i define the columns before hand and set AutoGenerateColumns to false, the data is not displayed.

Please find a screenshot here which I have taken when the autogeneratecolumn was set to true with three predefined columns.

Here is the aspx code:

    
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">     
        
                <script type="text/javascript" language="javascript"> 
        
                    function pageLoad() { 
        
                        PageMethods.GetList(0, 5, updateGrid); 
        
                    } 
        
                    function updateGrid(result) { 
        
                        var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView(); 
        
                        tableView.set_dataSource(result); 
        
                        tableView.dataBind(); 
        
                    } 
        
                </script> 
        
                </telerik:RadCodeBlock> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true"> 
        
                    </telerik:RadScriptManager>    
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="True"  
        
                        GridLines="None"> 
        
                        <MasterTableView PageSize="5"> 
        
                            <RowIndicatorColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </RowIndicatorColumn> 
        
                            <ExpandCollapseColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn DataField="ProjectName" HeaderText="Project Name" UniqueName="column"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="ProjectID" HeaderText="Project ID" UniqueName="column1"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="ClientID" HeaderText="Client" UniqueName="column2"> 
        
                                </telerik:GridBoundColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Please let me know how to fix this, I am new to using client side databinding ...

Edited: I was using telerik v:527 trial and then tried with 2009.1.617.35, but same issue.

Regards,
Dheeraj Juneja

Grid

answered on 23 Jun 2009

1 answer

91 views

Moving Menu Buttons

With a radmenu control is it possible to change the position of the actual menu buttons. For example, by default they sit in the left-most position, but can I move them to the middle or even seperate the buttons?

Thanks!

Menu

answered on 23 Jun 2009