Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
157 views
When using the Scheduler in Chrome the alignment is good. See image: goodChrome.jpg
When viewing the same schedule in IE 9.0.8112.16421 - the alignment of the appointments is off more the farther you scroll to the right. See image: misalignedIE.jpg

In the sample there are 48 timeslots of 30 minutes each to present a 24 hour day starting at 5:00 am. 

In a second sample I am now also attaching showing the 24 hours in a much more compressed format and again IE is misaligned. (see images goodChrome2 and misalignedIE2)

I am using version 2012.3.1016.40.

The scheduler definition is:
<telerik:RadScheduler ID="ScheduleResources" runat="server"
    SelectedView="DayView"
    Width="1075px"
    ColumnWidth="300px"
    RowHeight="30px"
    OverflowBehavior="Expand"
    ShowAllDayRow="false"
    NumberOfHoveredRows="1"
    DayStartTime="00:00:00"     
    DayEndTime="23:59:59"
    WorkDayStartTime="09:00:00"
    WorkDayEndTime="17:00:00"
    DisplayRecurrenceActionDialogOnMove="true"
    EnableExactTimeRendering="true"
    ShowFooter="false"
    ShowFullTime="false"
    DataKeyField="ID"
    DataRecurrenceField="recurrenceRule"
    DataRecurrenceParentKeyField="recurrenceParentID"
    DataSourceID="data_appointments"
    DataStartField="startTime"
    DataEndField="endTime"
    DataSubjectField="resourceTitle"
    CustomAttributeNames="resourceCaptionShort, usr_firstname, usr_lastname, resourceID, isSponsor, recurrenceRule"
    OnAppointmentDataBound="Scheduler_AppointmentDataBound"
    OnAppointmentDelete="Scheduler_AppointmentDelete"
    OnAppointmentUpdate="Scheduler_AppointmentUpdate"
    OnAppointmentInsert="Scheduler_AppointmentInsert"
    OnAppointmentCreated="Scheduler_AppointmentCreated"
    OnNavigationComplete="Scheduler_NavigationComplete"
    OnPreRender="Schedule_PreRender"
    OnTimeSlotCreated="Schedule_TimeSlotCreated"
    DataDescriptionField="resourceCaptionShort"
    EnableDescriptionField="True"
    AllowInsert="false" EnableResourceEditing="false"
    EnableAdvancedForm="false" StartEditingInAdvancedForm="false"
    FirstDayOfWeek="Monday" LastDayOfWeek="Sunday"
    GroupingDirection="Horizontal" GroupBy="Flow"
    ReadOnly="true"
     WeekView-HeaderDateFormat="g" TimelineView-HeaderDateFormat="g" >
    <TimelineView StartTime="05:00:00"
        ColumnHeaderDateFormat="h:mm tt"
        NumberOfSlots="48"
        SlotDuration="00:30:00"
        TimeLabelSpan="1"
        UserSelectable="true"
        GroupingDirection="Vertical" GroupBy="Flow" />
    <TimeSlotContextMenuSettings EnableDefault="false" />
    <DayView  GroupingDirection="Horizontal" DayStartTime="0:00:00" DayEndTime="23:59:59" GroupBy="Flow" UserSelectable="true"  />
    <WeekView GroupingDirection="Horizontal" DayStartTime="0:00:00" DayEndTime="23:59:59" GroupBy="Flow" />
    <Localization
        AdvancedSubjectRequired="Please provide resource schedule subject"
        AdvancedNewAppointment="New Resource Schedule"
        AdvancedEditAppointment="Edit Resource Schedule"
        ConfirmRecurrenceEditTitle="Editing a recurring resource schedule"
        ConfirmRecurrenceResizeTitle="Resizing a recurring resource schedule"
        ConfirmRecurrenceDeleteTitle="Deleting a recurring resource schedule"
        ConfirmDeleteText="Are you sure you want to delete this resource schedule?"
        ConfirmRecurrenceMoveTitle="Moving a recurring resource schedule"
        ContextMenuAddAppointment="New Resource Schedule"
        ContextMenuAddRecurringAppointment="New Recurring Resource Schedule">
    </Localization>
 
    <AppointmentContextMenuSettings EnableDefault="false" />
    <AdvancedForm EnableResourceEditing="False" Modal="False" Enabled="False" />
    <ResourceTypes>
        <telerik:ResourceType KeyField="ID" Name="Flow" TextField="resourceType" ForeignKeyField="resourceTypeID" DataSourceID="data_resources" />
    </ResourceTypes>
    <AppointmentContextMenus>
        <telerik:RadSchedulerContextMenu ID="RadSchedulerContextMenu1" runat="server" Enabled="false" Visible="false">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Edit Schedule" Value="schedule">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadSchedulerContextMenu>
    </AppointmentContextMenus>
</telerik:RadScheduler>

Boyan Dimitrov
Telerik team
 answered on 13 Mar 2013
1 answer
222 views
hi,
I'm using a radlistview with raddatapager to view the selected records in a database after a search. Now so that when you click on raddatapager to see the records in the listview, it should retry the connection to the database and re-run the query select sql, I thought of using the data caching using the method OutputCache. Obviously use the OutputCache only if they do not change the search parameters. But now I have a problem that I set the radlistview to 10 records per page, load 25 records, I have 3 pages to be displayed, using the OutputCache when licco DataPager on arrival to the second page and then stops do not go forward. I thought of setting the html code on the page this parameter: <% @ OutputCache duration = "300" VaryByParam = "_str1, _str2, RadDataPager1"%>, but nothing does not work. send time is the html code of the page, and the code vb net.

html code:
<%@ Page Language="vb" AutoEventWireup="false" CodeFile="search.aspx.vb" Inherits="search" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ OutputCache duration="600" VaryByParam="_str1,_str2,RadListView1" %>
<%@ Import Namespace="TRYcontact" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<meta name="description" content="Trycontact; il social network che ti collega alla community con il tuo biglietto da visita virtuale." />
<link href="App_Themes/TryCss/chrome.css" rel="stylesheet" type="text/css" />
<title>TRYcontact: risultati della ricerca</title>
<script type="text/javascript">
// prendo valore div contenitore radlistview
function Height_Div() {
var _heightdiv1 = document.getElementById("div_radlistview").offsetHeight;
var _positiondiv2 = document.getElementById("under");
//_positiondiv2.style.top = (_heightdiv1) + "px";
}
function DoPostBack() {
__doPostBack();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ImageButtonRicerca">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadListView1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadWindowCard"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadNotification ID="RadNotification1" runat="server" Height="100px"
Skin="Simple" TitleIcon="~/Image/iconlogo.png" Width="400px"
AutoCloseDelay="3500" Position="Center" Title="Notifica trycontact">
</telerik:RadNotification>
<asp:HiddenField ID="_search" runat="server" /><asp:HiddenField ID="_search1" runat="server" />
<telerik:RadFormDecorator ID="RadFormDecorator" Runat="server"
DecoratedControls="Default, Textbox, Textarea, Label, H4H5H6, Select, Zone, GridFormDetailsViews, ValidationSummary, LoginControls"
Skin="Sunset" />
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"
BorderColor="#D5842B" BorderStyle="Double" BorderWidth="1px" Skin="Simple">
</telerik:RadAjaxLoadingPanel>
<div align="center" class="backgroundup">
<div align="center" class="banner">
<div style="padding-left:200px;">
<div class="profilesearch">
<asp:Panel ID="Panel1" runat="server" DefaultButton="ImageButtonRicerca" Height="55px" Width="685">
<div id="txt1" style="width:350px; height:22px; border:0px; margin:0px; padding-top:15px; padding-right:1px; float:left">
<telerik:RadTextBox ID="Txt_ricerca1" Runat="server"
EmptyMessage="Nominativo o azienda o categoria" Width="350px" Height="22px" Skin="" Font-Italic="True"
Font-Names="Verdana">
<EmptyMessageStyle ForeColor="Gray" Font-Italic="True" Font-Names="Verdana" />
<HoveredStyle Font-Italic="True" Font-Names="Verdana" ForeColor="#993300" />
</telerik:RadTextBox>
</div>
<div id="txt2" style="width:250px; height:22px; border:0px; margin:0px; padding-top:15px; padding-right:1px; float:left">
<telerik:RadTextBox ID="txt_ricerca2" runat="server"
EmptyMessage="Città di residenza" Width="250px" Height="22px" Skin=""
Font-Italic="True" Font-Names="Verdana">
<EmptyMessageStyle ForeColor="Gray" Font-Italic="True" Font-Names="Verdana" />
<HoveredStyle Font-Italic="True" Font-Names="Verdana" ForeColor="#993300" />
</telerik:RadTextBox>
</div>
<div id="btn" style="width:80px; height:40px; border:0px; margin:0px; padding-top:7px; float:right">
<asp:ImageButton ID="ImageButtonRicerca" runat="server"
ImageUrl="~/Image/search.png" Width="48px" />
</div>
</asp:Panel>
</div>
</div>
<div id="menu" class="divresultmenu">
<div class="divbuttonmenu">
<telerik:RadButton ID="btnhome" runat="server" Text="Home page" Width="80px" Skin="Office2010Silver">
</telerik:RadButton>
<telerik:RadButton ID="btnreg" runat="server" Text="Registrati in trycontact" Width="180px" Skin="Office2010Silver">
</telerik:RadButton>
</div>
</div> <!-- end div menu -->
<div class="resultseparator">
<asp:Label ID="Label1" runat="server" class="lbresult" Text="Biglietti da visita trovati:"
style="font-size: x-small; font-family: Verdana" ForeColor="#999999"></asp:Label>
</div> <!-- end div separator -->
<asp:Panel ID="PanelRadlist" runat="server" Width="700px">
<div id="div_radlistview" class="divradlistview">
<telerik:RadListView ID="RadListView1" runat="server" DataKeyNames="idutente"
ItemPlaceholderID="Contenitore" AllowPaging="True"
Width="650px" >
<LayoutTemplate>
<fieldset style="width: 700px; border:0px" id="FieldSet1">
<legend></legend>
<asp:Panel ID="Contenitore" runat="server">
</asp:Panel>
<telerik:RadDataPager ID="RadDataPager1" runat="server"
PagedControlID="RadListView1" Width="700px" Culture="it-IT" BackColor ="#ecede5">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
</Fields>
</telerik:RadDataPager>
</fieldset>
</LayoutTemplate>
<ItemTemplate>
<div class="item">
<div class="image">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# CType(Container.DataItem, PropertyUtente).imageprofile%>' Height="120px" Width="110px"/>
</div>
<div class="content">
<div class="user">
<div style="width:16px; height:16px; float:left; padding-right:3px">
<img src="/image/icone/user1.png" alt="NP" />
</div>
<b><%# CType(Container.DataItem, PropertyUtente).utente%></b>
</div>
<div class="description_category">
<div style="width:16px; height:16px; float:left; padding-right:3px">
<img src="/image/icone/categoria.png" alt="NP" />
</div> Categoria: <%# CType(Container.DataItem, PropertyUtente).Desccategoria%>
</div>
<div class="description_city">
<div style="width:16px; height:16px; float:left; padding-right:3px">
<img src="/image/icone/home.png" alt="NP" />
</div> Città: <%# CType(Container.DataItem, PropertyUtente).Desccomune%></div>
<div class="description_email">
<div style="width:16px; height:16px; float:left; padding-right:3px">
<img src="/image/icone/email.png" alt="NP" />
</div> Email: <%# CType(Container.DataItem, PropertyUtente).Email%>
</div>
<div class="description_phone">
<div style="width:16px; height:16px; float:left; padding-right:3px">
<img src="/image/icone/telefono.png" alt="NP" />
</div>Telefono: <%# CType(Container.DataItem, PropertyUtente).Telefono%></div>
<div class="item_button">
<telerik:RadButton ID="RadButton1" runat="server" Text="Biglietto completo" Width="140px" Skin="Office2010Silver"
OnClick="RadButton1_Click">
</telerik:RadButton>
</div>
</div>
</div>
</ItemTemplate>
</telerik:RadListView>
</div> <!-- end div radlist -->
</asp:Panel>
</div> <!-- end div banner -->
</div> <!-- end div background -->
</div>
</form>
</body>
</html>

vbnet code:

Imports System
Imports System.Web
Imports System.Data
Imports System.Data.SqlClient
Imports Telerik.Web.UI
Imports System.Web.UI.HtmlControls
Imports System.IO
Imports TRYcontact
Public Class search
      Inherits RadAjaxPage
    Private ObjUtente As New PropertyUtente
    Private Loadsearch As New GestoreUtente
    Private Sub Carica_risultati(ByVal _str1 As String, ByVal _str2 As String)
        Dim list As List(Of PropertyUtente) = Loadsearch.Search(_str1, _str2)
        Cache("result") = list
        RadListView1.DataSource = list
        RadListView1.DataBind()
    End Sub
 
    Protected Sub RadButton1_Click(sender As Object, e As System.EventArgs)
        Dim Button As RadButton = CType(sender, RadButton)
        Dim item As RadListViewDataItem = CType(Button.Parent, RadListViewDataItem)
        Session.Item("idutente") = item.GetDataKeyValue("idutente")
        'Dim script As String = "function f(){$find(""" + RadWindowCard.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"
        Session.Item("CurrentPageIndex") = RadListView1.CurrentPageIndex
        Response.Redirect("publicard.aspx")
    End Sub
 
    Private Sub ImageButtonRicerca_Click(sender As Object, e As System.Web.UI.ImageClickEventArgs) Handles ImageButtonRicerca.Click
        ScriptManager.RegisterStartupScript(Page, Me.GetType, "postback", "DoPostBack();", True)
        _search.Value = Txt_ricerca1.Text
        _search1.Value = txt_ricerca2.Text
        Carica_risultati(_search.Value, _search1.Value)
    End Sub
 
   
 
    Protected Sub search_Load(sender As Object, e As System.EventArgs) Handles Me.Load
        If Not Page.IsPostBack Then
            If Session("CurrentPageIndex") IsNot Nothing Then
                RadListView1.DataSource = Cache("result")
                RadListView1.CurrentPageIndex = Integer.Parse(Session("CurrentPageIndex").ToString())
                RadListView1.Rebind()
                Session("CurrentPageIndex") = Nothing
                Exit Sub
            End If
            _search.Value = Request.QueryString("_str1")
            _search1.Value = Request.QueryString("_str2")
            Carica_risultati(_search.Value, _search1.Value)
        End If
    End Sub
 
    Protected Sub btnhome_Click(sender As Object, e As System.EventArgs) Handles btnhome.Click
        Response.Redirect("index.aspx")
    End Sub
 
    Protected Sub RadListView1_PageIndexChanged(sender As Object, e As Telerik.Web.UI.RadListViewPageChangedEventArgs) Handles RadListView1.PageIndexChanged
        If Cache("result") IsNot Nothing Then
            RadListView1.DataSource = Cache("result")
            Exit Sub
        End If
        Carica_risultati(_search.Value, _search1.Value)
    End Sub
End Class


help me

bye
Kostadin
Telerik team
 answered on 13 Mar 2013
1 answer
104 views
Hi ,

   I have 2 groupby columns and I want to aggregate few columns based on the one group by column.For ex: i have a two sections of a class like section A & B  under MPC(maths) and BIPC(biology) Groups.
Now i want to get total marks of both sections  A & B under each group and display them as summary under each Group as shown below..

EX:


Student  ID

Name

Maths

Science

English

MPC(1st groupBy)

Section- A(2nd groupby)

                1

Richards

90

60

40

2

Francisco

100

50

30

 

Section- B

                1

Richards

90

60

40

2

Francisco

100

50

30

                                               Total MPC Marks:

                                                    Maths:380

                                                    Chemistry:220

                                                    English:140

B.I.PC

Section - A

1

Robert

100

100

100

2

Charles

200

200

200

                                               Total B.I.PC Marks:

                                                    Maths:300

                                                    Chemistry:300

                                                    English:300

I want something like this.

Any help would be greatly appreciated. 

Thanks.
Radha
Eyup
Telerik team
 answered on 13 Mar 2013
2 answers
134 views
Is there a known issue where on the RecurrenceActionDialog close event that eventArgs.get_editSeries();
only works on the Editing an Appoitntment, resize and move always return false for this property.

/*
 * EVENT HANDLER: RECURRENCE ACTION DIALOG CLOSE.
*/
function OnClientRecurrenceActionDialogClosed(sender, eventArgs) {
 
    //SET THE FLAG TO FALSE TO RESET.
    bitEditingSeries = false;
 
    alert(eventArgs.get_editSeries());
 
    //FIND OUT WHAT TYPE OF RECURRENCE WE ARE EDITING.
    switch (eventArgs.get_recurrenceAction()) {
 
         
 
        case Telerik.Web.UI.RecurrenceAction.Edit:
            //alert("The appointment will be edited");
            // open advanced form and put it into edit mode for single exception
 
            bitCreateException = !eventArgs.get_editSeries();
 
            break;
 
        case Telerik.Web.UI.RecurrenceAction.Delete: //DELETE
 
            //CHECK TO SEE IF THEY WANT TO EDIT THE SERIES
            switch (eventArgs.get_editSeries()) {
                case true:
 
                    //EDITING THE SERIES.
                    bitEditingSeries = true;
 
                    break;
 
                case false:
 
                    //CREATE EXCEPTION
                    bitEditingSeries = false;
 
                    break;
            }
            break;
 
        case Telerik.Web.UI.RecurrenceAction.Resize: //RESIZE
 
            alert(eventArgs.get_editSeries());
            //CHECK TO SEE IF THEY WANT TO EDIT THE SERIES
            switch (eventArgs.get_editSeries()) {
                case true:
 
                    //EDITING THE SERIES.
                    bitEditingSeries = true;
 
                    break;
 
                case false:
 
                    //CREATE EXCEPTION
                    bitEditingSeries = false;
 
                    break;
            }
 
            break;
        case Telerik.Web.UI.RecurrenceAction.Move:  //MOVE
 
            alert(eventArgs.get_editSeries());
            //CHECK TO SEE IF THEY WANT TO EDIT THE SERIES
            switch (eventArgs.get_editSeries()) {
                case true:
 
                    //EDITING THE SERIES.
                    bitEditingSeries = true;
 
                    break;
 
                case false:
 
                    //CREATE EXCEPTION
                    bitEditingSeries = false;
 
                    break;
            }
 
            break;
 
    }
}
Plamen
Telerik team
 answered on 13 Mar 2013
2 answers
155 views
Hi, 

If it is possible, I'd like to be able to select the hour and minute individually from the same dropdown. Currently, if you set the interval to anything less than 15 mins the list becomes far too big, imo, and forcing the list to scroll isn't always the most usable way to do things, especially if that list is particularly large (intervals of 5 mins or lower).

It would be really handy if the user could somehow choose the hour and minute separately before the dropdown closes. This would minimise space used because you wouldn't need every instance of each hour/minute combination. You'd just need the hours displayed, and the minutes displayed.

Just a thought.

Cheers.
Carl
Top achievements
Rank 1
 answered on 13 Mar 2013
1 answer
57 views
Hello,
I'm having a bit of an issue with some RadGrids. Basically, I have a method which calls the cancelAll method for both my rad grids on the page, one after the other. This call originates from some Javascript. If I insert a delay between the calls (of as little as 250), both calls work fine. However, if I call one after the other, the second one always fails. It seems that the server is Aborting the call. Has anyone encountered anything similar?

Thanks

Travis
Vasil
Telerik team
 answered on 13 Mar 2013
1 answer
161 views
Hi,
i would that the radlistview for example every 5 minutes you updated automatically loading new records from the db.

This my code in page_load is:


Dim list As List(Of PropertyUtente) = Loadsearch.RandomCard()
RadListView1.DataSource = list
RadListView1.DataBind()
Shinu
Top achievements
Rank 2
 answered on 13 Mar 2013
3 answers
363 views
Hello,

How to programmatically create gauge range and set different color to those range?

Thank  you,
Antony.
Princy
Top achievements
Rank 2
 answered on 13 Mar 2013
1 answer
139 views
Safari status bar shows an error loading a resource when using the RadRibbonBar because of an image generated with a source of about:blank for a group that as far as I can tell is never made visible?

It can be seen here: http://demos.telerik.com/aspnet-ajax/ribbonbar/examples/items/defaultcs.aspx
Bozhidar
Telerik team
 answered on 13 Mar 2013
1 answer
138 views
The pivot grid control looks really promising! Can you please provide an ETA for the OLAP drill through functionality? I would like to build a prototype with the new control that satisfies all core business requirements.
Antonio Stoilkov
Telerik team
 answered on 13 Mar 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?