Questions on UI for ASP.NET AJAX Forum

1 answer

124 views

Hi, I'm trying to change the style for the select button so the cursor is pointer instead, any tips how to do it?

/Rickard

AsyncUpload

answered on 21 Dec 2010

2 answers

248 views

OnMouseOver and listview items

Hey!

I am using a RadListView. Every item contains just one Image button like this:

<ItemTemplate>

<fieldset style="float: left; width: 270px; height: 110px;">

<div>

<asp:ImageButton ID="imgCategory" runat="server" OnClick="imgCategory_Click" OnDataBinding="imgCategory_DataBind"

CommandArgument='<%# Eval("CategoryId") %>'/>

</div>

</fieldset>

</ItemTemplate>

I load the ImageButtons dynamacily in the codebehind, now I would like to change the Image source (ImageUrl) on MouseOver and on MouseOut is that possible.

Do you have any different solution in your mind?

Thanks for your asistance.

Sincerely, Jure

ListBox

answered on 21 Dec 2010

1 answer

85 views

Is iPhone Panel Sliding possible?

Hi,

I have been trying to get this work w/o success.

I am developing a mobile version of the site I am working on.

An example feature is a business search which return well business info.

I have been asked to have paging work through sliding panels like a Droid or iPhone works. I found this http://www.dmxzone.com/demo/SlidingPanels/iphone/ online which might work, but wanted to know if anyone has gotten this functionality to work in the Rad Controls world.

Radgrid works great for normal pages, I have tried every way I could think of the get this to work otherwise...

Currently I just build a string for the html layout of the Business info and I bundle 5 records into 1 "panel" but I cannot figure out a good way to let the user "slide" to the next or previous page.

Any help would be greatly appreciated,

Thanks

General Discussions

answered on 21 Dec 2010

1 answer

108 views

Reminder Help

I can't figure out how to add a reminder to my database. I'm able to view the reminder and set the values but can't figure out how to access it via the AppointmentInsert method. Can someone please help me with this?

<telerik:RadScheduler ID="RadScheduler1" runat="server" TimelineView-NumberOfSlots="5"

Width="900px" Skin="Web20" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="false"

DataStartField="Start" DataEndField="End" DataSubjectField="Subject" DataKeyField="ID" DataReminderField="Reminder"

EnableDescriptionField="true" EnableReminderField="true" GroupingDirection="Vertical" StartInsertingInAdvancedForm="True"

AdvancedForm-Modal="False" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

OnAppointmentInsert="RadScheduler1_AppointmentInsert" OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"

OnFormCreating="RadScheduler1_FormCreating" OnFormCreated="RadScheduler1_FormCreated"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" OnDataBound="RadScheduler1_OnDataBound"

OnNavigationComplete="RadScheduler1_NavigationComplete" OnTimeSlotCreated="RadScheduler1_TimeSlotCreated">

<WeekView DayStartTime="06:00:00" DayEndTime="23:59:00" WorkDayStartTime="08:00:00"

WorkDayEndTime="18:00:00" />

<DayView DayStartTime="06:00:00" DayEndTime="23:59:00" WorkDayStartTime="08:00:00"

WorkDayEndTime="18:00:00" />

<MonthView VisibleAppointmentsPerDay="20" AdaptiveRowHeight="true" />

<TimelineView SlotDuration="12:00:00" NumberOfSlots="10" TimeLabelSpan="2" ColumnHeaderDateFormat="dddd, MMMM d" />

<Reminders Enabled="true" />

<ResourceStyles>

<telerik:ResourceStyleMapping Type="Category" Text="Out of Office" ApplyCssClass="rsCategoryViolet" />

<telerik:ResourceStyleMapping Type="Category" Text="After Hours" ApplyCssClass="rsCategoryRed" />

<telerik:ResourceStyleMapping Type="Category" Text="Projects" ApplyCssClass="rsCategoryDarkGreen" />

<telerik:ResourceStyleMapping Type="Category" Text="MACs" ApplyCssClass="rsCategoryGreen" />

<telerik:ResourceStyleMapping Type="Category" Text="VNMS" ApplyCssClass="rsCategoryDarkBlue" />

<telerik:ResourceStyleMapping Type="Category" Text="IPT/Engineering" ApplyCssClass="rsCategoryDarkRed" />

<telerik:ResourceStyleMapping Type="Category" Text="Other" ApplyCssClass="rsCategoryOrange" />

<telerik:ResourceStyleMapping Type="Category" Text="Remote Day" ApplyCssClass="rsCategoryYellow" />

<telerik:ResourceStyleMapping Type="Category" Text="Region Coverage" ApplyCssClass="rsCategoryPink" />

</ResourceStyles>

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:RadScheduler>

protected void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e)

{

int userCount = 0;

foreach (Resource user in e.Appointment.Resources.GetResourcesByType("User Name"))

{

userCount++;

}

string categoryName = "";

if (e.Appointment.Resources.GetResourceByType("Category") != null)

{ categoryName = e.Appointment.Resources.GetResourceByType("Category").Text; }

e.Cancel = userCount == 0 || categoryName == "";

if (e.Cancel)

{

ScriptManager.RegisterClientScriptBlock(lblJscript, this.GetType(), "alert", "alert('Please select a user and category to continue');", true);

pnlJScript.Update();

e.Cancel = true;

}

else

{

if (userCount == 1)

{

using (ProNetData d = new ProNetData())

{

Resource user = e.Appointment.Resources.GetResourceByType("User Name");

Resource client = e.Appointment.Resources.GetResourceByType("Client Name");

Resource category = e.Appointment.Resources.GetResourceByType("Category");

string RecurrenceRule = e.Appointment.RecurrenceRule;

int userID = SafeValue.SafeInt0(user.Key.ToString());

TED.BLL.Appointment a = new TED.BLL.Appointment();

AppointmentUsers u = d.AppointmentUsers.Where(i => i.UserID == userID).FirstOrDefault();

a.Subject = e.Appointment.Subject;

a.Description = e.Appointment.Description != string.Empty ? e.Appointment.Description : null;

a.Start = e.Appointment.Start.ToUniversalTime();

a.End = e.Appointment.End.ToUniversalTime();

a.CreationTime = DateTime.Now;

a.LastModificationTime = DateTime.Now;

if (user != null)

{ a.UserID = SafeValue.SafeInt0(user.Key.ToString()); }

if (client != null)

{ a.ClientID = SafeValue.SafeInt0(client.Key.ToString()); }

if (category != null)

{ a.CategoryID = SafeValue.SafeInt0(category.Key.ToString()); }

a.Mailbox = u.Email;

a.OutlookCreated = false;

if (RecurrenceRule != "")

{

//int index = RecurrenceRule.LastIndexOf(":");

int index = RecurrenceRule.LastIndexOf("FREQ") - 1;

string s = RecurrenceRule.Substring(index + 1).Replace("\r\n","") +";WKST=SU";

a.RecurrenceRule = s;

if (RecurrenceRule.Contains("DAILY"))

{ a.RecurrenceType = 0; }

else if (RecurrenceRule.Contains("WEEKLY"))

{ a.RecurrenceType = 1; }

else if (RecurrenceRule.Contains("MONTHLY"))

{ a.RecurrenceType = 2; }

else if (RecurrenceRule.Contains("YEARLY"))

{ a.RecurrenceType = 6; }

a.IsRecurring = true;

}

else

{

a.IsRecurring = false;

a.RecurrenceType = null;

}

if (e.Appointment.RecurrenceParentID != null)

{ a.RecurrenceParentID = int.Parse(e.Appointment.RecurrenceParentID.ToString()); }

a.SyncToExchange = true;

d.AddToAppointments(a);

d.SaveChanges();

if (a.ID > 0)

{

try

{

string desc = "";

string clientName = "";

if (a.Description != null) { desc = a.Description; }

if (client != null) { clientName = client.Text; }

//if (pm != null) { pmID = int.Parse(pm.Key.ToString()); }

SendMail(a.UserID, "Subject: " + a.Subject + " Start: " + a.Start + " End: " + a.End + " Description: " + desc + " Client: " + clientName, (int)InsertUpdateDelete.Insert);

}

catch { }

}

else

{

foreach (Resource user in e.Appointment.Resources.GetResourcesByType("User Name"))

{

using (ProNetData d = new ProNetData())

{

//Resource pm = e.Appointment.Resources.GetResourceByType("Email PM");

Resource client = e.Appointment.Resources.GetResourceByType("Client Name");

Resource category = e.Appointment.Resources.GetResourceByType("Category");

string RecurrenceRule = e.Appointment.RecurrenceRule;

int userID = SafeValue.SafeInt0(user.Key.ToString());

TED.BLL.Appointment a = new TED.BLL.Appointment();

AppointmentUsers u = d.AppointmentUsers.Where(i => i.UserID == userID).FirstOrDefault();

a.Subject = e.Appointment.Subject;

a.Description = e.Appointment.Description != string.Empty ? e.Appointment.Description : null;

a.Start = e.Appointment.Start.ToUniversalTime();

a.End = e.Appointment.End.ToUniversalTime();

a.CreationTime = DateTime.Now;

a.LastModificationTime = DateTime.Now;

if (user != null)

{ a.UserID = SafeValue.SafeInt0(user.Key.ToString()); }

if (client != null)

{ a.ClientID = SafeValue.SafeInt0(client.Key.ToString()); }

if (category != null)

{ a.CategoryID = SafeValue.SafeInt0(category.Key.ToString()); }

a.Mailbox = u.Email;

a.OutlookCreated = false;

if (RecurrenceRule != "")

{

//int index = RecurrenceRule.LastIndexOf(":");

int index = RecurrenceRule.LastIndexOf("FREQ") - 1;

string s = RecurrenceRule.Substring(index + 1).Replace("\r\n", "") + ";WKST=SU";

a.RecurrenceRule = s;

if (RecurrenceRule.Contains("DAILY"))

{ a.RecurrenceType = 0; }

else if (RecurrenceRule.Contains("WEEKLY"))

{ a.RecurrenceType = 1; }

else if (RecurrenceRule.Contains("MONTHLY"))

{ a.RecurrenceType = 2; }

else if (RecurrenceRule.Contains("YEARLY"))

{ a.RecurrenceType = 6; }

a.IsRecurring = true;

}

else

{

a.IsRecurring = false;

a.RecurrenceType = null;

}

if (e.Appointment.RecurrenceParentID != null)

{ a.RecurrenceParentID = int.Parse(e.Appointment.RecurrenceParentID.ToString()); }

a.SyncToExchange = true;

d.AddToAppointments(a);

d.SaveChanges();

if (a.ID > 0)

{

try

{

string desc = "";

string clientName = "";

if (a.Description != null) { desc = a.Description; }

if (client != null) { clientName = client.Text; }

SendMail(a.UserID, "Subject: " + a.Subject + " Start: " + a.Start + " End: " + a.End + " Description: " + desc + " Client: " + clientName, (int)InsertUpdateDelete.Insert);

}

catch { }

}

BindSchedule();

}

Scheduler

answered on 21 Dec 2010

20 answers

1.3K+ views

Filter problem on a GridDateTimeColumn

Hi,

I am using 2008 Q3 Controls with the latest hotfix applied (2008.3.1504.20).

I have a RadGrid with two GridDateTimeColumns. When you type a date into their filter textbox and either press enter or invoke the filter options drop down, the filter textbox simply clears itself and the value is ignored.

I was experiencing the same behaviour with GridNumericColumns until I applied the hotfix over my previous dll (2008.3.1105.20).

Here's my code:

    
            <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" EnableEmbeddedSkins="false" Skin="Main" AllowFilteringByColumn="true">  
        
                <MasterTableView DataKeyNames="ContractID">  
        
                    <Columns> 
        
                        <telerik:GridButtonColumn ItemStyle-CssClass="editcolumn" CommandName="Edit" Text="Details/Edit" UniqueName="EditColumn" /> 
        
                        <telerik:GridBoundColumn UniqueName="ContractID" FilterControlWidth="40px" HeaderText="Reference" DataField="ContractID" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridBoundColumn UniqueName="Address" FilterControlWidth="120px" HeaderText="Address" DataField="Address" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridDateTimeColumn DataType="System.DateTime" UniqueName="StartDate" FilterControlWidth="100px" HeaderText="Starts" DataField="StartDate" DataFormatString="{0:d}" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridDateTimeColumn DataType="System.DateTime" UniqueName="EndDate" FilterControlWidth="100px" HeaderText="Ends" DataField="EndDate" DataFormatString="{0:d}" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridNumericColumn UniqueName="Rent" FilterControlWidth="40px" HeaderText="Rent" DataField="Rent" DataFormatString="{0:C}" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridBoundColumn UniqueName="Frequency" FilterControlWidth="60px" HeaderText="Rent Frequency" DataField="Frequency" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                        <telerik:GridBoundColumn UniqueName="Status" FilterControlWidth="60px" HeaderText="Status" DataField="Status" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" /> 
        
                    </Columns> 
        
                    <SortExpressions> 
        
                        <telerik:GridSortExpression FieldName="ContractID" SortOrder="Descending" /> 
        
                    </SortExpressions> 
        
                </MasterTableView> 
        
                <ClientSettings AllowColumnsReorder="true" Resizing-AllowColumnResize="true" /> 
        
            </telerik:RadGrid>

and I have the following VB in place to limit the filter options:

    
            Private Sub RadGrid1_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.Init  
        
                Dim menu As GridFilterMenu = RadGrid1.FilterMenu  
        
                Dim i As Integer = 0  
        
                While i < menu.Items.Count  
        
                    If menu.Items(i).Text = "NoFilter" Or _  
        
                        menu.Items(i).Text = "Contains" Or _  
        
                        menu.Items(i).Text = "EqualTo" Or _  
        
                        menu.Items(i).Text = "GreaterThan" Or _  
        
                        menu.Items(i).Text = "LessThan" Then 
        
                        i = i + 1  
        
                    Else 
        
                        menu.Items.RemoveAt(i)  
        
                    End If 
        
                End While 
        
            End Sub

Am I fighting another bug in the dll or just missing something?

Grid

answered on 21 Dec 2010

6 answers

243 views

RadScheduler - XML data source - RecurrenceRule exception

Please help.

I receive the following error when adding an exception to the recurrence:

Object reference not set to an instance of an object.
[NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.RecurrenceRule.TryParse(String input, RecurrenceRule& rrule) +970
   Telerik.Web.UI.Scheduling.AppointmentController.ExpandRecurrence(Appointment parent) +145
   Telerik.Web.UI.Scheduling.AppointmentController.AddAppointmentAndExpand(Appointment appointment) +16
   Telerik.Web.UI.RadScheduler.PerformDataBindingFromProvider(IEnumerable`1 providedAppointments) +127
   Telerik.Web.UI.RadScheduler.PerformSelect() +156
   System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +73
   System.Web.UI.WebControls.BaseDataBoundControl.EnsureDataBound() +82
   Telerik.Web.UI.RadScheduler.EnsureDataBound() +12
   Telerik.Web.UI.RadScheduler.CreateChildControls(Boolean bindFromDataSource) +63
   Telerik.Web.UI.RadScheduler.CreateChildControls() +10
   System.Web.UI.Control.EnsureChildControls() +87
   System.Web.UI.Control.PreRenderRecursiveInternal() +44
   System.Web.UI.Control.PreRenderRecursiveInternal() +171
   System.Web.UI.Control.PreRenderRecursiveInternal() +171
   System.Web.UI.Control.PreRenderRecursiveInternal() +171
   System.Web.UI.Control.PreRenderRecursiveInternal() +171
   System.Web.UI.Control.PreRenderRecursiveInternal() +171
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +842

RadScheduler front-end: (I have the datarecurrenceparentkeyfield set as "MasterSeriesItemID")

<telerik:RadScheduler runat="server" ID="RadScheduler1"

width="700px" height="565px"

Skin="Office2007"

overflowbehavior="Scroll" shownavigationpane="true"

timezoneoffset="00:00:00" selectedview="MonthView"

daystarttime="08:00:00" dayendtime="20:29:59"

datasourceid="Appointments_DS"

datakeyfield="Key" datastartfield="EventDate"

dataendfield="EndDate" datasubjectfield="Title"

datarecurrencefield="RecurrenceRule"

datarecurrenceparentkeyfield="MasterSeriesItemID"

customattributenames="Description, Category, Location, Event_Cancelled, RecurrenceData"

allowdelete="false" allowedit="false" allowinsert="false" showviewtabs="true">

<monthview userselectable="true" visibleappointmentsperday="2" />

<TimelineView UserSelectable="false" />

<appointmenttemplate>

<asp:literal id="ApptBtn" runat="server"

text='<%# (Eval("Subject").ToString().Length >= 16)

? Eval("Subject").ToString().Substring(0, Eval("Subject").ToString().IndexOf(" ")) + "..."

: Eval("Subject") %>'></asp:literal>

</appointmenttemplate>

</telerik:RadScheduler>

Sample data:

<Appointment>

<Key>171</Key>

<Title>Policy Committee</Title>

<Location>Room 100 (55 Somewhere Street)</Location>

<EventDate>2011-01-01T10:30:00</EventDate>

<StartDateString>1/1/2011</StartDateString>

<EndDate>2094-03-04T10:30:00</EndDate>

<Description>Meeting Description</Description>

<Category>Committee Meeting</Category>

<Event_Cancelled>0</Event_Cancelled>

<fRecurrence>1</fRecurrence>

<RecurrenceData><recurrence><rule><firstDayOfWeek>su</firstDayOfWeek><repeat><monthlyByDay th="TRUE" weekdayOfMonth="first" monthFrequency="1" /></repeat><repeatForever>FALSE</repeatForever></rule></recurrence></RecurrenceData>

<RecurrenceRule>

<![CDATA[

DTSTART:20110101T103000Z

DTEND:20110101T103000Z

RRULE:FREQ=MONTHLY;UNTIL=20940304T103000Z;INTERVAL=1;BYSETPOS=1;BYDAY=TH;

]]>

</RecurrenceRule>

<fAllDayEvent>0</fAllDayEvent>

<EventType>1</EventType>

<Modified>2010-12-03T13:13:06</Modified>

</Appointment>

<Appointment>

<Key>172</Key>

<Title>Policy Committee</Title>

<Location>Room 100 (55 Somewhere Street)</Location>

<EventDate>2011-12-01T10:30:00</EventDate>

<StartDateString>12/1/2011</StartDateString>

<EndDate>2011-12-01T10:30:00</EndDate>

<Description>Meeting Description</Description>

<Category>Committee Meeting</Category>

<Event_Cancelled>1</Event_Cancelled>

<fRecurrence>1</fRecurrence>

<RecurrenceData>Every 1 month(s) on the first Thursday</RecurrenceData>

<RecurrenceRule>

<![CDATA[

DTSTART:20111201T103000Z

DTEND:20111201T103000Z

RRULE:UNTIL=20111201T103000Z;BYSETPOS=-1;

]]>

</RecurrenceRule>

<fAllDayEvent>0</fAllDayEvent>

<EventType>4</EventType>

<RecurrenceID>2011-12-01T10:30:00</RecurrenceID>

<MasterSeriesItemID>171</MasterSeriesItemID>

<Modified>2010-12-03T14:41:34</Modified>

</Appointment>

XSL file:

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="Appointments">

<Appointments>

<xsl:apply-templates select="Appointment"/>

</Appointments>

</xsl:template>

<xsl:template match="Appointment">

<Appointment>

<xsl:attribute name="Key">

<xsl:value-of select="Key"/>

</xsl:attribute

<xsl:attribute name="MasterSeriesItemID">

<xsl:value-of select="MasterSeriesItemID"/>

</xsl:attribute

<xsl:attribute name="Title">

<xsl:value-of select="Title"/>

</xsl:attribute>

<xsl:attribute name="EventDate">

<xsl:value-of select="EventDate"/>

</xsl:attribute>

<xsl:attribute name="EndDate">

<xsl:value-of select="EndDate"/>

</xsl:attribute>

<xsl:attribute name="Category">

<xsl:value-of select="Category"/>

</xsl:attribute>

<xsl:attribute name="Location">

<xsl:value-of select="Location"/>

</xsl:attribute>

<xsl:attribute name="Description">

<xsl:value-of select="Description"/>

</xsl:attribute>

<xsl:attribute name="Event_Cancelled">

<xsl:value-of select="Event_Cancelled"/>

</xsl:attribute>

<xsl:attribute name="RecurrenceData">

<xsl:value-of select="RecurrenceData"/>

</xsl:attribute>

<xsl:attribute name="RecurrenceRule">

<xsl:value-of select="RecurrenceRule"/>

</xsl:attribute>

</Appointment>

</xsl:template>

</xsl:stylesheet>

Scheduler

answered on 21 Dec 2010

1 answer

80 views

Suggestion: Animation Control

I'm kind of surprised that Telerik has not come out with a server-side animation control, like the existing AjaxControlToolkit's Animation Extender (but more functional and easier to implement). There are other alternatives, like RIAnimation (http://www.hushhushmedia.com/page/RIAnimation.aspx) but that is clearly no longer supported. This would be for those of us who want high quality jquery animations, but don't want to bother with javascript!

General Discussions

answered on 21 Dec 2010

1 answer

87 views

Files of type

Hi,

Is it possible to control what appears in the "Files of type" combo in the "Choose file to upload" dialog?
If I want to upload just .xyz files then I possible want just .xyz to appear in the "Files of type" combo.
But I guess it's not possible?

Regards,
Peter

Upload (Obsolete)

answered on 21 Dec 2010

1 answer

149 views

AsyncUpload not working inside UpdatePanel

Hello,
I have a RadAsyncUpload control inside UpdatePanel(AJAX). When I upload the file, the upload never completes. I tried with the latest 2010 version. I still cant upload the file when RadAsyncUpload is insde the UpdatePanel. If I remove the UpdatePanel, then I m able to upload the file, but the entire screen refreshes, which is what I want to avoid.

Thanks,
Bharani

AsyncUpload

answered on 21 Dec 2010

4 answers

225 views

DynamicRadgrid on an existing website

There are several examples to enable Dynamic Data support on a gridview without using the full Dynamic Data scaffolding (global.asax + dynamicdata folder) such as on this video

I followed along with the example as shown in the video and I was able to get gridview to work correctly with dynamic support.

However, the same steps do not work with DynamicRadGrid. I get the error:

Could not determine a MetaTable. A MetaTable could not be determined for the data source 'EntityDataSource1' and one could not be inferred from the request URL. Make sure that the table is mapped to the dats source, or that the data source is configured with a valid context type and table name, or that the request is part of a registered DynamicDataRoute.

Here are steps I took:
1. In the Page_Init:

RadGrid1.EnableDynamicData(typeof(Plan));

2. Made a MetaData Class:

[MetadataType(typeof(PlanMD))]

public partial class Plan

{

public class PlanMD

{

[StringLength(50), Required]

public string Name { get; set; }

}

3. Added a validation summry on the page
4. Add a dynamicradgrid on the page with DynamicColumn