Questions on UI for ASP.NET AJAX Forum

110,761 questions

3 answers

51 views

Skins for Grid

Is it possible to download additional skins (if any) available for RadGrid?

Grid

answered on 22 Apr 2011

3 answers

154 views

Mobile Phone Calendar Sync

Does anyone know if there is a way to get the appointments in RadScheduler to be pushed to mobile phone calendars automatically? For example, my Google calendars use Active Sync to update my Outlook, iPhone, and online calendars automatically.

Thanks!

Matt

Scheduler

answered on 22 Apr 2011

2 answers

167 views

"ExceedsLimit" and "ConflictsWithOccurrences" difficulties

I am using the scheduler with the following setup:
- Multiple scheduler instances
- Common resources (soccer fields, rooms etc.)
- Common categories (match, training, other)
- Advanced Form template

Conditions:
Resources is not allowed for double-booking/overlap in a timeslot in any scheduler instance.
Categories can be the same in multiple timeslots in any scheduler instance.

Now, to achieve this I've combined the functions "ExceedsLimit" and "ConflictsWithOccurrences" (described by Telerik elsewhere) and expanded them with ResourceID. Like this, used in the AppointmentInsert event:

If ExceedsLimit(e.Appointment, e.Appointment.Resources.GetResourceByType("Resource").Key) OrElse ConflictsWithOccurrences(e.Appointment, e.Appointment.Resources.GetResourceByType("Resurs").Key) Then

...

End If

And in the AppointmentUpdate event:

If ExceedsLimit(e.ModifiedAppointment, e.ModifiedAppointment.Resources.GetResourceByType("Resurs").Key) OrElse ConflictsWithOccurrences(e.ModifiedAppointment, e.ModifiedAppointment.Resources.GetResourceByType("Resurs").Key) Then

...

End If

I've modified the "ExceedsLimit" like this:

Protected Function ExceedsLimit(ByVal apt As Appointment, ByVal ResourceID As String) As Boolean

Dim appointmentsCount As Integer = 0

Dim allAppointments As New AppointmentCollection

'Fill temporary appointments collection for use in comparison

'Subjectfield is used for comparison on ResourceID

For Each dr As DataRow In cS.GetReservationsByResourceID(ResourceID)

DirectCast(allAppointments, IList).Add(New Appointment(dr("ID"), dr("Start"), dr("End"), dr("ResourceID")))

Next

'Search through all appointments from all calendar instances and compare to current moved/changed/inserted appointment

For Each existingApt As Appointment In allAppointments.GetAppointmentsInRange(apt.Start, apt.[End])

If existingApt.Visible And existingApt.Subject = ResourceID Then

appointmentsCount += 1

End If

' If this is a recurring appointment, we will also check if it's occurrences

' overlap with other appointments in the current view

Dim parsedRule As RecurrenceRule

If RecurrenceRule.TryParse(existingApt.RecurrenceRule.ToString(), parsedRule) And existingApt.Subject = ResourceID Then

parsedRule.SetEffectiveRange(RadScheduler1.VisibleRangeStart, RadScheduler1.VisibleRangeEnd)

For Each occurrence As DateTime In parsedRule.Occurrences

appointmentsCount = RadScheduler1.Appointments.GetAppointmentsInRange(occurrence, occurrence.Add(existingApt.Duration)).Count

If (appointmentsCount > (AppointmentsLimit - 1)) Then

Return True

End If

Next

End If

Next

Return (appointmentsCount > AppointmentsLimit - 1)

End Function

And the "ConflictsWithOccurrences" like this:

Protected Function ConflictsWithOccurrences(ByVal apt As Appointment, ByVal ResourceID As String) As Boolean

Dim allAppointments As New AppointmentCollection

'Fill temporary appointments collection for use in comparison

'Subjectfield is used for comparison on ResourceID

For Each dr As DataRow In cS.GetReservationsByResourceID(ResourceID)

DirectCast(allAppointments, IList).Add(New Appointment(dr("ID"), dr("Start"), dr("End"), dr("ResourceID")))

Next

Dim parsedRule As RecurrenceRule

For Each existingApt As Appointment In allAppointments.GetAppointmentsInRange(apt.Start, apt.[End])

If RecurrenceRule.TryParse(existingApt.RecurrenceRule.ToString(), parsedRule) Then

'parsedRule.SetEffectiveRange(RadScheduler1.VisibleRangeStart, RadScheduler1.VisibleRangeEnd);

For Each occurrence As DateTime In parsedRule.Occurrences

'check if the start time of the occurrence is within the range of the appointment:

If (occurrence.CompareTo(apt.Start) > 0) And (occurrence.CompareTo(apt.[End]) < 0) Then

Return True

End If

'check if the end time of the occurrence is within the range of the appointment:

If (occurrence.Add(existingApt.Duration).CompareTo(apt.Start) > 0) And (occurrence.Add(existingApt.Duration).CompareTo(apt.[End]) <

0) Then

Return True

End If

'check if the start time of the appointment is within the range of the occurrence:

If (apt.Start.CompareTo(occurrence) > 0) And (apt.Start.CompareTo(occurrence.Add(existingApt.Duration)) < 0) Then

Return True

End If

'check if the end time of the appointment is within the range of the occurrence:

If (apt.[End].CompareTo(occurrence) > 0) And (apt.[End].CompareTo(occurrence.Add(existingApt.Duration)) < 0) Then

Return True

End If

'check if start or end the appoitnment coincide with start or end of the occurrence

If (apt.Start.CompareTo(occurrence) = 0) OrElse (apt.Start.CompareTo(occurrence.Add(existingApt.Duration)) = 0) OrElse (apt.[End].CompareTo(occurrence) = 0) OrElse (apt.[End].CompareTo(occurrence.Add(existingApt.Duration)) = 0) Then

Return True

End If

Next

End If

Next

Return False

End Function

This has helped me alot, but not enough as it fails in some cases:

1. The first ocurrence in a recurring appointment is not allowed to be updated, it conflicts whith itself.

No matter how I try to modify the functions, I can't seem to solve It completely. Only new pitfalls arises... I try to check and compare for "Insert new", "update existing", "If recurring" and so on.

Is there any obvoius faults in the above code or is there any better solution to meet these requirements?

Scheduler

answered on 22 Apr 2011

4 answers

163 views

Loading Panel works sometimes...

I know I have a fairly complex page(see html below)...but I have a Search Sliding Pane on the right side of the screen. When I hit the enter key or the Search button, it searches, but the Loading Panel does not work...but no errors.

Then, when the Search Results come back, the PanelBar and expands to reveal the RadGrid. Data looks good.

Then, when I select an item in the Grid, it loads the Details into the lower half of the RadPanel and expands that. HERE, I get the Loading Panel which is what I want...but I want the Loading Panel TOO when I search for items...

Again, no errors, just no loading panel when I search.

Help? Maybe I need to open a support ticket for this one. This page is getting complex fast.

thanks

mark

NOTE: This HTML is in a "Child" page...It has a Master Page with RadPanes on it. This HTML is in the "Content" section of the Child Page.

<telerik:RadScriptBlock ID="RadScriptBlock1"

runat="server"> <script

type="text/javascript"> 

$(document).ready(function ()

{ 

$(".trigger").click(function ()

{ 

$(".panel").toggle("fast"); 

$(this).toggleClass("active"); 

return

false; 

}); 

});

</script> 

</telerik:RadScriptBlock> <telerik:RadSplitter

ID="RadSplitter1" runat="server" Width="100%" Height="100%"

Skin="WebBlue"> 

<telerik:RadPane ID="RadPane1" runat="server" Width="100%"

Height="100%"> 

<asp:Panel ID="panelSearchResultsAndDetails"

runat="server"> 

<telerik:RadPanelBar ID="radPanelScripts" runat="server" Skin="WebBlue"

Height="100%"

Width="100%"> 

<Items> 

<telerik:RadPanelItem runat="server" Text="Search Results"

Width="100%"> 

<ContentTemplate> 

<table

width="100%"> 

<tr> 

<td align="right"

class="formLabel"> 

<telerik:RadButton ID="btnPrintSelection" Skin="WebBlue" runat="server"

OnClick="btnPrintSelectionScript_Click" 

Text="Print

Preview"> 

</telerik:RadButton> 

<asp:CheckBox ID="ckHideSearchResultsFilter" AutoPostBack="true"

runat="server" Text="Hide Filter

Row" 

OnCheckedChanged="ckHideSearchResultsFilter_CheckChanged"

/> 

<asp:CheckBox ID="ckHideSearchResultsGroupPanel" AutoPostBack="true"

runat="server" 

Text="Hide Grouping Row"

OnCheckedChanged="ckHideSearchResultsGroupPanel_CheckChanged"

/> 

</td> 

</tr> 

</table> 

<telerik:RadGrid ID="radgridSearchResults" runat="server"

AllowFilteringByColumn="True" 

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None" 

PageSize="25" ShowGroupPanel="True"

OnSelectedIndexChanged="radgridSearchResults_SelectedIndexChanged" 

Skin="WebBlue" OnNeedDataSource="radgridSearchResults_NeedDataSource"

OnItemDataBound="radgridSearchResults_ItemDataBound"> 

<ClientSettings

AllowColumnsReorder="True"> 

<Scrolling AllowScroll="True" ScrollHeight="420" UseStaticHeaders="True"

/> 

</ClientSettings> 

<MasterTableView> 

<CommandItemSettings ExportToPdfText="Export to Pdf"

/> 

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator

column"> 

<HeaderStyle Width="20px"

/> 

</RowIndicatorColumn> 

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn

column"> 

<HeaderStyle Width="20px"

/> 

</ExpandCollapseColumn> 

<Columns> 

<telerik:GridBoundColumn DataField="division" FilterControlWidth="35"

HeaderText="Division" 

SortExpression="division"

UniqueName="colDivision"> 

<HeaderStyle Width="8%"

/> 

<ItemStyle Width="8%"

/> 

</telerik:GridBoundColumn> 

<telerik:GridButtonColumn DataTextField="Title" CommandName="Select"

FilterControlAltText="Filter column

column" 

HeaderText="Title" SortExpression="title"

UniqueName="column"> 

<HeaderStyle Width="50%"

/> 

<ItemStyle Width="50%"

/> 

</telerik:GridButtonColumn> 

<telerik:GridBoundColumn DataField="authors" FilterControlAltText="Filter

colAuthors

column" 

HeaderText="Author" SortExpression="authors"

UniqueName="colAuthors"> 

<HeaderStyle Width="25%"

/> 

<ItemStyle Width="25%"

/> 

</telerik:GridBoundColumn> 

<telerik:GridBoundColumn DataField="date_covered"

DataFormatString="{0:MM/dd/yyyy}" 

FilterControlAltText="Filter colCoverageDate column" HeaderText="Coverage

Date" 

SortExpression="date_covered"

UniqueName="colCoverageDate"> 

</telerik:GridBoundColumn> 

</Columns> 

<EditFormSettings> 

<EditColumn FilterControlAltText="Filter EditCommandColumn

column"> 

</EditColumn> 

</EditFormSettings> 

</MasterTableView> 

<FilterMenu

EnableImageSprites="False"> 

</FilterMenu> 

<HeaderContextMenu CssClass="GridContextMenu

GridContextMenu_Default"> 

</HeaderContextMenu> 

</telerik:RadGrid> 

</ContentTemplate> 

</telerik:RadPanelItem> 

<telerik:RadPanelItem runat="server" Text="Script Details" Expanded="true"

Width="100%"> 

<ContentTemplate> 

<!--Tab

Strip--> 

<table

width="100%"> 

<tr> 

<td

width="50%"> 

<telerik:RadTabStrip ID="RadTabStrip1" MultiPageID="RadMultiPage1"

runat="server" 

Skin="WebBlue"

SelectedIndex="1"> 

<Tabs> 

<telerik:RadTab runat="server" Text="Details"

Selected="true"> 

</telerik:RadTab> 

<telerik:RadTab runat="server"

Text="Comments"> 

</telerik:RadTab> 

</Tabs> 

</telerik:RadTabStrip> 

</td> 

<td

align="right"> 

<telerik:RadButton ID="btnSave" Skin="WebBlue" runat="server"

OnClick="btnSaveScript_Click" 

ValidationGroup="valGroup1"

Text="Save"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnDelete" Skin="WebBlue" runat="server"

OnClick="btnDeleteScript_Click" 

Text="Delete"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnResetScript" Skin="WebBlue" runat="server"

OnClick="btnResetScript_Click" 

Text="Reset"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnPrintPreview" Skin="WebBlue" runat="server"

OnClick="btnPrintPreviewScript_Click" 

Text="Print

Preview"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnPrint" Skin="WebBlue" runat="server"

OnClick="btnPrintScript_Click" 

Text="Print"> 

</telerik:RadButton> 

</td> 

</tr> 

</table> 

<telerik:RadMultiPage ID="RadMultiPage1" runat="server"

CssClass="form"> 

<telerik:RadPageView ID="RadPageView1" runat="server" Selected="true"

CssClass="form" 

BorderColor="#2E9AFE"

BorderWidth="1"> 

<table width="90%" class="form" border="0"

cellpadding="3"> 

<tr> 

<td valign="top" align="right"

width="100px"> 

<asp:Label ID="Label1" runat="server" CssClass="formLabel"

Text="Title"></asp:Label> 

</td> 

<td colspan="5"

align="left"> 

<asp:TextBox ID="txtTitle" runat="server" CssClass="textFields"

Width="575px"></asp:TextBox> 

<asp:RequiredFieldValidator ID="valTitle" runat="server"

ControlToValidate="txtTitle" 

Display="None" ErrorMessage="Title is a required field."

ValidationGroup="valGroup1"></asp:RequiredFieldValidator> 

<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server"

Enabled="True" 

TargetControlID="valTitle"

/> 

<telerik:RadWindowManager ID="RadWindowManager" runat="server"

DestroyOnClose="True" 

RestrictionZoneID="RestrictionZone"> 

<Windows> 

<telerik:RadWindow ID="radWindowDetailPrint" runat="server"

VisibleOnPageLoad="false"> 

</telerik:RadWindow> 

<telerik:RadWindow ID="radWindowSelectionPrint" runat="server"

VisibleOnPageLoad="false"> 

</telerik:RadWindow> 

<telerik:RadWindow ID="radWindowEditSynopsis" runat="server"

VisibleOnPageLoad="false"><BR

<ContentTemplate><BR

<table

class="searchForm"><BR

<tr><BR

<td

class="formHeader"><BR

Synopsis<BR

</td><BR

</tr><BR

<tr><BR

<td><BR

<asp:TextBox ID="txtSynopsisPopup" runat="server" Rows="20"

TextMode="MultiLine"

<BR>

CssClass="textFields"

Width="595px"></asp:TextBox><BR

</td><BR

</tr><BR

<tr><BR

<td

align="right"><BR

<asp:Button ID="btnUpdateSynopsis" runat="server"

OnClick="btnUpdateSynopsis_Click"

<BR>

Text="Update" Visible="True"

/><BR

</td><BR

</tr><BR

</table><BR

</ContentTemplate> 

</telerik:RadWindow> 

</Windows> 

</telerik:RadWindowManager> 

</td> 

</tr> 

<tr> 

<td class="formLabel" width="100px"

align="right"> 

Authors 

</td> 

<td class="formLabel"

width="250px"> 

<asp:TextBox ID="txtAuthors" runat="server" Width="200px"

CssClass="textFields"></asp:TextBox> 

</td> 

<td class="formLabel" width="150px"

align="right"> 

Type of

Material 

</td> 

<td class="formLabel"

width="250px"> 

<telerik:RadComboBox ID="cboMaterials" runat="server" Width="180px"

EmptyMessage="Type to

Select..." 

MarkFirstMatch="true"

Skin="WebBlue"> 

</telerik:RadComboBox> 

</td> 

<td class="formLabel" align="right"

width="175px"> 

Number of

Pages 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtNumberOfPages" runat="server" CssClass="textFields"

Width="175px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Publisher 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtPublisher" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Year

Published 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtYearPublished" runat="server" Width="175px"

CssClass="textFields"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Draft 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtDraft" runat="server" CssClass="textFields"

Width="175px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Analyst 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtAnalyst" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Coverage

Date 

</td> 

<td> 

<telerik:RadDatePicker ID="txtCoverageDate" runat="server" Skin="WebBlue"

Width="205px"> 

<Calendar runat="server" Skin="Outlook" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

<DateInput runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

<asp:RequiredFieldValidator ID="valCoverageDate" ForeColor="Red"

runat="server"

ControlToValidate="txtCoverageDate" 

Display="None" ErrorMessage="Coverage Date is

required" ValidationGroup="valGroup1"

/> 

</td> 

<td class="formLabel"

align="right"> 

Received

Date 

</td> 

<td

class="formLabel"> 

<telerik:RadDatePicker ID="txtReceivedDate" Width="205px" runat="server"

Skin="WebBlue"> 

<Calendar runat="server" Skin="WebBlue" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

<DateInput runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Submitted

By 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtSubmittedBy" runat="server"

Width="200px"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Circa 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtCirca" runat="server"

Width="175px"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Date

Returned 

</td> 

<td

class="formLabel"> 

<telerik:RadDatePicker ID="txtReturnDate" Width="205px" runat="server"

Skin="WebBlue"> 

<Calendar runat="server" Skin="WebBlue" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

<DateInput runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Submitted

To 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtSubmittedTo" runat="server" Width="200px"

CssClass="textFields"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Location 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtLocation0" runat="server" CssClass="textFields"

Width="175px"></asp:TextBox> 

</td> 

<td class="formLabel"

align="right"> 

Elements 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtElements0" runat="server" CssClass="textFields"

Width="175px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td align="right" valign="top"

class="formLabel"> 

Genre 

</td> 

<td

valign="top"> 

<telerik:RadComboBox ID="ddlGenre" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="202px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbDeleteGenre" runat="server"

OnClick="lbDeleteGenre_Click">Remove

Genre</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstGenre" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="200px"></asp:ListBox> 

</td> 

<td class="formLabel" align="right"

valign="top"> 

Sub-Genre 

</td> 

<td align="left"

class="formLabel"> 

<telerik:RadComboBox ID="ddlSubGenre" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlSubGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="180px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbDeleteSubgenre" runat="server"

OnClick="lbDeleteSubgenre_Click">Remove

Subgenre</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstSubGenre" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="175px"></asp:ListBox> 

</td> 

<td align="right" class="formLabel"

valign="top"> 

Keywords 

</td> 

<td> 

<telerik:RadComboBox ID="ddlKeywords" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlKeywords_SelectedIndexChanged" 

Skin="WebBlue"

Width="180px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="LinkButton1" runat="server"

OnClick="lbDeleteKeywords_Click">Remove

Keywords</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstKeywords" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="175px"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

<asp:CheckBox ID="ckConfidential0" runat="server" Text="Confidential"

/> 

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

<asp:CheckBox ID="ckDevelopment0" runat="server" Text="Development"

/> 

</td> 

</tr> 

</table> 

<table width="100%" cellpadding="3"

class="form"> 

<tr> 

<td align="right" valign="top" class="formLabel"

width="100px"> 

Log

Line 

</td> 

<td

colspan="5"> 

<asp:TextBox ID="txtLogline" runat="server" CssClass="textFields" Rows="2"

TextMode="MultiLine" 

Width="99%"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

</td> 

<td> 

  

</td> 

<td

align="right"> 

<asp:LinkButton ID="lnkShowSynopsisPopup" runat="server"

OnClick="lnkShowSynopsisPopup_Click" 

Style="text-decoration: none"

TabIndex="100">Edit</asp:LinkButton>   

</td> 

</tr> 

<tr> 

<td align="right" valign="top"

class="formLabel"> 

Synopsis 

</td> 

<td

colspan="5"> 

<asp:TextBox ID="txtSynopsis" runat="server" AutoPostBack="true"

CssClass="textFields" 

OnTextChanged="txtSynopsis_TextChanged" Rows="4" TabIndex="99"

TextMode="MultiLine" 

Width="99%"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td align="right"

valign="top"> 

  

</td> 

<td align="right" colspan="5"

valign="top"> 

</td> 

</tr> 

</table> 

<asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server"

TargetControlID="btnDelete" 

PopupControlID="panelDeleteScriptOuter" OkControlID="ButtonOk"

CancelControlID="ButtonCancel" 

BackgroundCssClass="modalBackground" Enabled="True" DynamicServicePath=""

/> 

<asp:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server"

TargetControlID="btnDelete" 

DisplayModalPopupID="ModalPopupExtender2" ConfirmText="" Enabled="True"

/> 

<!--DELETE

CONFIRM--> 

<asp:Panel ID="panelDeleteScriptOuter" runat="server"

CssClass="DeleteConfirmationOuterWindow" 

Style="display:

none;"> 

<asp:Panel ID="panelDeleteScript" runat="server" Width="200px" Height="75px"

CssClass="DeleteConfirmWindow"> 

<table

width="100%"> 

<tr> 

<td

align="center"> 

Are you sure you want to Delete this

Script? 

</td> 

</tr> 

<tr> 

<td

align="center"> 

<asp:Button ID="ButtonOk" runat="server" Text="Ok"

/> 

<asp:Button ID="ButtonCancel" runat="server" Text="Cancel"

/> 

</td> 

</tr> 

</table> 

</asp:Panel> 

</telerik:RadPageView> 

<!--SCRIPT

DETAILS---> 

<telerik:RadPageView ID="RadPageView2" runat="server" BorderColor="#2E9AFE"

CssClass="form" 

BorderWidth="1"> 

<table border="0" class="form"

cellpadding="3"> 

<tr> 

<td width="150px"

class="formLabel-RightAlign"> 

Idea 

</td> 

<td width="250px"

class="formLabel"> 

<telerik:RadSlider ID="radslideIdea" runat="server" CssClass="ItemSlider"

Height="30px" 

ItemType="Item" MaximumValue="5" MinimumValue="1" Skin="WebBlue"

Width="250px"> 

<Items> 

<telerik:RadSliderItem Text="Exc." Value="1"

/> 

<telerik:RadSliderItem Text="Good" Value="2"

/> 

<telerik:RadSliderItem Text="Fair" Value="3"

/> 

<telerik:RadSliderItem Text="Poor" Value="4"

/> 

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel" align="right"

width="100px"> 

Material 

</td> 

<td> 

<telerik:RadComboBox ID="cboMaterial" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to

Select..."> 

<Items> 

<telerik:RadComboBoxItem Value="1" Text="Pass"

/> 

<telerik:RadComboBoxItem Value="2" Text="Consider"

/> 

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/> 

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right" width="150px"

class="formLabel"> 

Story

Line 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideStoryLine" runat="server"

CssClass="ItemSlider"

Height="30px" 

ItemType="Item" MaximumValue="5" MinimumValue="1" Skin="WebBlue"

Width="250px"> 

<Items> 

<telerik:RadSliderItem Text="Exc." Value="1"

/> 

<telerik:RadSliderItem Text="Good" Value="2"

/> 

<telerik:RadSliderItem Text="Fair" Value="3"

/> 

<telerik:RadSliderItem Text="Poor" Value="4"

/> 

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Writer 

</td> 

<td> 

<telerik:RadComboBox ID="cboWriter" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to

Select..."> 

<Items> 

<telerik:RadComboBoxItem Value="1" Text="Pass"

/> 

<telerik:RadComboBoxItem Value="2" Text="Consider"

/> 

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/> 

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Characterization 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideCharacterization" runat="server"

CssClass="ItemSlider" 

Height="30px" ItemType="Item" MaximumValue="5" MinimumValue="1"

Skin="WebBlue" 

Width="250px"> 

<Items> 

<telerik:RadSliderItem Text="Exc." Value="1"

/> 

<telerik:RadSliderItem Text="Good" Value="2"

/> 

<telerik:RadSliderItem Text="Fair" Value="3"

/> 

<telerik:RadSliderItem Text="Poor" Value="4"

/> 

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Concept 

</td> 

<td> 

<telerik:RadComboBox ID="cboConcept" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to

Select..."> 

<Items> 

<telerik:RadComboBoxItem Value="1" Text="Pass"

/> 

<telerik:RadComboBoxItem Value="2" Text="Consider"

/> 

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/> 

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Dialogue 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideDialog" ItemType="Item" runat="server"

Skin="WebBlue" 

Width="250px" Height="30px" MaximumValue="5" MinimumValue="1"

CssClass="ItemSlider"> 

<Items> 

<telerik:RadSliderItem Text="Exc." Value="1"

/> 

<telerik:RadSliderItem Text="Good" Value="2"

/> 

<telerik:RadSliderItem Text="Fair" Value="3"

/> 

<telerik:RadSliderItem Text="Poor" Value="4"

/> 

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Budget 

</td> 

<td

class="formLabel"> 

<asp:RadioButton ID="radioBudgetHigh" runat="server"

GroupName="radioBudgetGroup" 

Text="High"

/> 

<asp:RadioButton ID="radioBudgetMedium" runat="server"

GroupName="radioBudgetGroup" 

Text="Medium"

/> 

<asp:RadioButton ID="radioBudgetLow" runat="server"

GroupName="radioBudgetGroup" 

Text="Low"

/> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Setting/Production

Values 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideProductionSettings" runat="server"

CssClass="ItemSlider" 

Height="30px" ItemType="Item" MaximumValue="5" MinimumValue="1"

Skin="WebBlue" 

Width="250px"> 

<Items> 

<telerik:RadSliderItem Text="Exc." Value="1"

/> 

<telerik:RadSliderItem Text="Good" Value="2"

/> 

<telerik:RadSliderItem Text="Fair" Value="3"

/> 

<telerik:RadSliderItem Text="Poor" Value="4"

/> 

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td> 

</td> 

<td

class="formLabel"> 

</td> 

</tr> 

</table> 

<table width="100%"

cellpadding="3"> 

<tr> 

<td class="formLabel" align="right" valign="top"

width="150px"> 

Logline

Comment 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtLoglineComment" runat="server" CssClass="textFields"

Rows="6" 

TextMode="MultiLine"

Width="95%"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td class="formLabel" valign="top"

align="right"> 

Comment 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtComment" runat="server" CssClass="textFields" Rows="8"

TextMode="MultiLine" 

Width="95%"></asp:TextBox> 

</td> 

</tr> 

</table> 

</telerik:RadPageView> 

</telerik:RadMultiPage> 

</ContentTemplate> 

</telerik:RadPanelItem> 

</Items> 

</telerik:RadPanelBar> 

</asp:Panel> 

</telerik:RadPane> 

<telerik:RadPane ID="SearchPane" runat="server" Height="100%" Width="23px"

> 

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server"

SlideDirection="Left"

> 

<telerik:RadSlidingPane ID="RadSlidingPane1" EnableDock="false"

runat="server" Width="250px" Title="Search" Scrolling="Y"

> 

<asp:Panel ID="Panel1"

runat="server"> 

<table class="searchForm"

width="100%"> 

<tr> 

<td

class="searchSectionLabel"> 

Title 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:TextBox ID="txtTitleSearch" CssClass="textFields" runat="server"

TabIndex="0" 

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Author 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:TextBox ID="txtAuthorSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Submitted By<br

/> 

<asp:TextBox ID="txtSubmittedBySearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Submitted To<br

/> 

<telerik:RadComboBox ID="cboSubmittedToSearch" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to Search..." runat="server"

Width="205px"> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Analyst<br

/> 

<telerik:RadComboBox ID="cboAnalystSearch" Skin="WebBlue"

EnableAutomaticLoadOnDemand="true" 

MarkFirstMatch="true" EmptyMessage="Type to Search..." runat="server"

Width="205px"> 

<WebServiceSettings Path="../Admin/Controls/AdminService.asmx"

Method="GetAnalysts"

/> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Elements<br

/> 

<asp:TextBox ID="txtElementsSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Log Line (Slow)<br

/> 

<asp:TextBox ID="txtLogLineSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Division 

<asp:CheckBox ID="ckDivisionDT" runat="server" Text="DT" Checked="true"

/> 

<asp:CheckBox ID="ckDivisionMX" runat="server" Text="MX"

/> 

</td> 

</tr> 

<tr> 

<td

align="right"> 

<telerik:RadButton ID="btnSearch1" runat="server" Skin="WebBlue"

Text="Search"

OnClick="btnSearch_Click"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnReset2" runat="server" Skin="WebBlue" Text="Reset"

OnClick="btnResetSearch_Click"> 

</telerik:RadButton> 

</td> 

</tr> 

<tr> 

<td

align="left"> 

<table> 

<tr> 

<td colspan="2"

class="searchSectionLabel"> 

Coverage

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Start

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<telerik:RadDatePicker ID="txtCoverageStartDate" Skin="WebBlue"

runat="server"

z-index="0"> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

End

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<telerik:RadDatePicker ID="txtCoverageEndDate" Skin="WebBlue" runat="server"

z-index="0"> 

</telerik:RadDatePicker> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

<td align="left" valign="top"

class="searchSectionLabel"> 

Genre  

  

<asp:Image ID="imgGenreSearch" runat="server" ImageUrl="~/Images/Search.gif"

Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:ListBox ID="lstGenreSearch" CssClass="textFields"

SelectionMode="Multiple"

runat="server" 

Width="200px" OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"

AutoPostBack="true"> 

</asp:ListBox> 

</td> 

</tr> 

<tr> 

<td colspan="2"

class="searchSectionLabel"> 

Recommendation 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Material 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:DropDownList ID="ddlRecommendationMaterial" CssClass="textFields"

runat="server" 

Width="200px"> 

<asp:ListItem Value="0"

Text=""></asp:ListItem> 

<asp:ListItem

Value="1">Pass</asp:ListItem> 

<asp:ListItem

Value="2">Consider</asp:ListItem> 

<asp:ListItem

Value="3">Recommend</asp:ListItem> 

<asp:ListItem

Value="4">N/A</asp:ListItem> 

</asp:DropDownList> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Writer 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:DropDownList ID="ddlRecommendationWriter" CssClass="textFields"

runat="server" 

Width="200px"> 

<asp:ListItem Value="0"

Text=""></asp:ListItem> 

<asp:ListItem

Value="1">Pass</asp:ListItem> 

<asp:ListItem

Value="2">Consider</asp:ListItem> 

<asp:ListItem

Value="3">Recommend</asp:ListItem> 

<asp:ListItem

Value="4">N/A</asp:ListItem> 

</asp:DropDownList> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Keyword  

  

<asp:Image ID="imgKeywordSearch" runat="server"

ImageUrl="~/Images/Search.gif" Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:ListBox ID="lstKeywordSearch" SelectionMode="Multiple"

CssClass="textFields" 

runat="server" Width="200px"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged" 

AutoPostBack="true"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Notes 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:CheckBox ID="ckNotesPrivate" runat="server" Text="Private" /><br

/> 

<asp:CheckBox ID="ckNotesPublic" runat="server" Text="Public" /><br

/> 

<asp:CheckBox ID="ckNotesSysAdmin" runat="server" Text="System Administrator"

/> 

</td> 

</tr> 

<tr> 

<td align="right"

class="searchSectionLabel"> 

<telerik:RadButton ID="btnSearch" Skin="WebBlue" runat="server" Text="Search"

OnClick="btnSearch_Click"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnReset" Skin="WebBlue" runat="server" Text="Reset"

OnClick="btnResetSearch_Click"> 

</telerik:RadButton> 

</td> 

</tr> 

</table> 

</asp:Panel> 

</telerik:RadSlidingPane> 

</telerik:RadSlidingZone> 

</telerik:RadPane> 

</telerik:RadSplitter> 

<!--=============== SEARCH PANEL

========================================================--> 

 <!--=============== END OF SEARCH PANEL

=================================================--> 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel1"> 

<AjaxSettings> 

<telerik:AjaxSetting

AjaxControlID="panelSearchResultsAndDetails"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="600px"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="RadSlidingPane1"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="600px"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManager> 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="WebBlue"> 

</telerik:RadAjaxLoadingPanel>

Ajax

answered on 22 Apr 2011

1 answer

74 views

Get Cell Value of Child Grid?

I have a Hierarchal grid and in the child grid I have a template column with an imagebutton in it. When I press this button I need to get the value of a bound cell also in the child grid with the Uniquename "DocumentName" Can you give me an example of how to do this. Thanks

Grid

answered on 22 Apr 2011

2 answers

145 views

RadToolBarButton Filter

In My Form RadToolBarButton i have fix the

. i want to take two operation in this fillter command
show and hide filter in one button

function showFilterItem() {
 $find('<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem()
 }
 function hideFilterItem(checked, eventArqs) {
 $find('<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem();
 }
 function onToolBarClientButtonClicking(sender, args) {
 debugger;
 var comandName = args.get_item().get_commandName();
 if (comandName == "Filter") {
 hideFilterItem();
 }
 else if (comandName == "Filter1") {
 showFilterItem();
 }
 }

<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicking="onToolBarClientButtonClicking">
 <Items>
 <telerik:RadToolBarButton Text="Filter" CommandName="Filter" ImageUrl="../../images/appfiltering.png">
 </telerik:RadToolBarButton>
 <telerik:RadToolBarButton Text="Print" CommandName="Print" onclick="PrintRadGrid()">
 </telerik:RadToolBarButton>
 <telerik:RadToolBarButton Text="Refresh" CommandName="RebindGrid" ImageUrl="../../images/Refresh.gif">
 </telerik:RadToolBarButton>
 </Items>
 </telerik:RadToolBar>

Filter

answered on 22 Apr 2011

3 answers

73 views

Problem in Add new button of Grid

Hi,

i have used the radgrid to display the documents.
i'll get the Script error when i click the "add new button"
Help me to resolve this problem.

My Code is:

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="rsmQuoteDocument">

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="rwmQuoteDoc" runat="server">

</telerik:RadWindowManager>

<input id="DcoId" type="hidden" runat="server" />

<asp:Button ID="btnDOC" runat="server" OnClick="btnDOC_Click" Style="display: none" />

<telerik:RadAjaxManager runat="server" ID="ramQuotesDoc">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID ="rgQouteDocuments">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rapDocument" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="rapDocument" runat="server">

<telerik:RadGrid runat="server" ID="rgQouteDocuments" Skin="Office2007"

Width="99.5%" ondeletecommand="rgQouteDocuments_OnDeleteCommand"

oninsertcommand="rgQouteDocuments_OnInsertCommand"

onitemdatabound="rgQouteDocuments_OnItemDataBound"

onneeddatasource="rgQouteDocuments_NeedDataSource"

onupdatecommand="rgQouteDocuments_OnUpdateCommand" AllowAutomaticInserts="false" AllowAutomaticUpdates="true" AutoGenerateColumns="false">

<ClientSettings>

<Selecting EnableDragToSelectRows="false" AllowRowSelect="true" />

</ClientSettings>

<ItemStyle CssClass="RadGridItem" />

<AlternatingItemStyle CssClass="RadGridItem" />

<PagerStyle Mode="NextPrevAndNumeric" PageSizeLabelText="Pages" ShowPagerText="false" />

<MasterTableView DataKeyNames="QuoteDocumentID,QuoteId" CommandItemDisplay="Top"

EditMode="EditForms">

<NoRecordsTemplate>

<center>

<asp:Label ID="lblnoRecords" runat="server" CssClass="label" Text="No records found" />

</center>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="QuoteDocumentID" HeaderText="DocumentID" DataField="QuoteDocumentID"

Visible="false" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="QuoteId" HeaderText="Quote ID" DataField="QuoteId"

Visible="false" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="ViewAppraisal" ButtonType="ImageButton" ImageUrl="~/Images/view-inventory.png"

Text="DownLoad" HeaderStyle-Width="110px" Visible="false">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="../Images/edit.png"

HeaderStyle-Width="30px">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="../Images/delete.png"

CommandName="delete" ItemStyle-HorizontalAlign="Center" ConfirmDialogType="RadWindow"

ConfirmDialogHeight="25px" ConfirmDialogWidth="410px" ConfirmTitle="Delete Document"

ConfirmText="Are you sure you want to delete this Inventory Documents?" HeaderStyle-Width="30px"

UniqueName="30px">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderText="Document Comment" EditFormHeaderTextFormat="Comment"

UniqueName="Comment" DataField="DocumentComment">

<ItemTemplate>

<asp:Label ID="lblDocumentComment" runat="server" Text='<%# Eval("DocumentComment") as string %>' />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="txbDescription" Width="250px" runat="server" TextMode="MultiLine"

Text='<%# Eval("DocumentComment") %>' Height="150px" />

</EditItemTemplate>

<ItemStyle VerticalAlign="Top" />

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="DateUploaded" DataFormatString="{0:dd/MM/yyyy}"

HeaderText="Upload Date" EditFormHeaderTextFormat="Upload Date" ReadOnly="True">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn UniqueName="UserId" HeaderText="Uploaded By" DataField="UserId"

ReadOnly="True" Visible="false" />

<telerik:GridBoundColumn UniqueName="UploadedBy" HeaderText="Uploaded By" DataField="UploadedBy"

EditFormHeaderTextFormat="UploadedBy" ReadOnly="True" ItemStyle-CssClass="mousepointer" />

<telerik:GridTemplateColumn HeaderText="Document" EditFormHeaderTextFormat="Upload Files"

UniqueName="Document" DataField="DocumentComment" Visible="false">

<ItemTemplate>

<asp:LinkButton ID="lbtnDocument" runat="server" Text='<%#Eval("DocumentPath") %>'></asp:LinkButton>

</ItemTemplate>

<EditItemTemplate>

<br />

<telerik:RadAsyncUpload HttpHandlerUrl="~/CustomHandler.ashx" ID="ruDocument" runat="server"

AllowedFileExtensions=".doc,.docx,.xlsx,.pdf,.dox,.rtf,.txt">

</telerik:RadAsyncUpload>

(Use format .doc,.docx,.xlsx,.pdf,.dox,.rtf,.txt)

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn HeaderText="Documents" ButtonType="LinkButton" UniqueName="Documents"

DataTextField="FileName" />

<telerik:GridBoundColumn UniqueName="DocumentName" DataField="DocumentPath" Visible="false"

ReadOnly="true" />

</Columns>

<CommandItemTemplate>

<table border="0" style="width: 100%;">

<tbody>

<tr>

<td align="left">

<asp:LinkButton ID="AddNewRecordButton" runat="server" CommandName="InitInsert">

<img style="border:0px" alt="Add New" src="../Images/add-icon.png" /> Add new document

</asp:LinkButton>

</td>

</tr>

</tbody>

</table>

</CommandItemTemplate>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

Grid

answered on 22 Apr 2011

4 answers

108 views

radgrid problem in IE7 with allowscroll and frozencolumns

this is my grid definition from aspx page; the columns are generated in the code-behind in page_init

<telerik:RadGrid ID="competenceGrid" runat="server" Width="99%">

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="4">

</Scrolling>

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

<MasterTableView TableLayout="Fixed" Width="100%" Height="100%">

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

</MasterTableView>

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

<ItemStyle HorizontalAlign="Center"/>

<ActiveItemStyle HorizontalAlign="Center" />

<AlternatingItemStyle HorizontalAlign="Center" />

<HeaderStyle Width="160px" Height="75px" />

</telerik:RadGrid>

Everthing work well in IE8-9, Firefox, but not IE7 where when i horizontal scroll to the end of the right side the first 2 columns from the left which are not frozen and normally should be displayed are in fact overlaped.
I tried with different combination's for the width value (%) for the mastertableview and the radgrid and also in conjunction with tablelayout="fixed|auto". Also the container of the grid have a fixed width in pixels.
Please see the picture attached
Any ideea ?

Grid

answered on 22 Apr 2011

3 answers

90 views

Custom dialogue issue with pasting into selected are when contenteditable=false

HI there,

I am experiencing some strange behaviour when using a custom dialogue to paste an html fragement, which is a "locked" area within the editor (ie, contenteditable=false).

The paste works the first time around, with the expected html being injected into the editor, but when i revisit the locked area, and edit editing it via the custom dialogue, on re-pasting, I get extra attributes within the pasted fragment.

Eg, first paste looks like:
test

Second paste (from same dialogue, with same javascript etc...) looks like:
test 

To recreate, I have 2 pages (pasted below). On the page containing the editor, create a simple 1 word piece of text, highlight, and clikc the "hotword" button, bringing up the dialogue. Enter some values and click OK. All is fine at this point (ie, expected markup from 1st fragment above). Then, select the locked area again, and right click, go to "custom properties", which re-opens the dialogue, On clicking OK again, I end up with the 2nd fragment above being pasted.

Im really stuck with this one, so if anyone can offer any help, that would be great!

My editor page markup looks like this:

<style type="text/css">

.reToolbar.Default .InsertHotword

{

background-image: url( http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/Custom.gif);

}

</style>

<script type="text/javascript">

Telerik.Web.UI.Editor.CommandList["CustomProperties"] = function(commandName, editor, args)

{

// get the selected Html

var currentSelectedHtml = editor.getSelectionHtml();

var elem = editor.getSelectedElement();

editor.selectElement(elem);

argument = elem;

var myCallbackFunction = function(sender, args)

{

if(args.doPaste == true)

editor.pasteHtml(String.format("<span id={0} contenteditable='false' class='{1}' xml='{2}'>{3} ", args.id, args.cssclass, args.xml, args.title))

}

editor.showExternalDialog(

"Hotword.aspx",

argument,

450,

350,

myCallbackFunction,

null,

"Hotword",

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,

false,

false);

};

Telerik.Web.UI.Editor.CommandList["InsertHotword"] = function(commandName, editor, args)

{

// get the selected Html

var currentSelectedHtml = editor.getSelectionHtml();

var elem = editor.getSelectedElement();

if(elem.tagName == 'BODY')

{

var content = editor.getSelectionHtml();

var link = editor.get_document().createElement("FONT");

link.innerHTML = currentSelectedHtml;

argument = link;

}

var myCallbackFunction = function(sender, args)

{

if(args.doPaste == true)

editor.pasteHtml(String.format("<span id={0} contenteditable='false' class='{1}' xml='{2}'>{3} ", args.id, args.cssclass, args.xml, args.title))

}

editor.showExternalDialog(

'Hotword.aspx',

argument,

450,

350,

myCallbackFunction,

null,

'Hotword',

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,

false,

false);

};

</script>

<asp:ScriptManager id="ScriptManager" runat="server"/>

<telerik:RadEditor ID="rdedContent" runat="server" Width="340px" Height="450px" SkinID="DefaultSetOfTools" ToolsFile="AuthoringTools.xml">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="InsertHotword" Text="Hotword" ShowText="true" ShowIcon="false" />

</telerik:EditorToolGroup>

</Tools>

<ContextMenus>

<telerik:EditorContextMenu TagName="A" Enabled="false"></telerik:EditorContextMenu>

<telerik:EditorContextMenu>

<telerik:EditorTool name="Cut"/>

<telerik:EditorTool name="Copy"/>

<telerik:EditorTool name="Paste"/>

<telerik:EditorTool name="CustomProperties"/>

</telerik:EditorContextMenu>

</ContextMenus>

</telerik:RadEditor>

And my custom dialogue markup looks like this:

<asp:ScriptManager id="ScriptManager" runat="server"/>

<div>

Hotword Properties:

<br />

title: <input type="text" id="hotwordTitle">

<br /><br />

Content:

<telerik:RadEditor ID="rdedContent" runat="server" Width="200px" Height="150px" SkinID="DefaultSetOfTools" ToolsFile="AuthoringTools.xml"></telerik:RadEditor>

<br />

<input type="button" onclick="javascript:insertContent();" value="OK"/>

</div>

<script type="text/javascript">

if (window.attachEvent)

{

window.attachEvent("onload", initDialog);

}

else if (window.addEventListener)

{

window.addEventListener("load", initDialog, false);

}

var hotwordTitle = document.getElementById("hotwordTitle");

var hotword = null;

function getRadWindow()

{

if (window.radWindow)

{

return window.radWindow;

}

if (window.frameElement && window.frameElement.radWindow)

{

return window.frameElement.radWindow;

}

return null;

}

function initDialog()

{

var clientParameters = getRadWindow().ClientParameters; //return the arguments supplied from the parent page

hotwordTitle.value = clientParameters.innerHTML;

hotword = clientParameters;

}

function insertContent()

{

//create an object and set some custom properties to it

hotword.id = '1';

hotword.cssclass = 'Hotword';

hotword.xml = 'Hotword';

hotword.title = hotwordTitle.value;

hotword.doPaste = true;

getRadWindow().close(hotword);

}

</script>

Editor

answered on 22 Apr 2011

1 answer

89 views

how to handle node templates with load on demand

Hello

I need to extend a project that has been developed with radcontrols for asp.net ajax Q3 2009. The customer has explicitly asked for a page with data displayed as a tree structure with the following requirments : I'll have to query the db, group records by year, quarter,department and "complaint code". Therefore i have to dinamically build the tree adding a year root node for each distinct year , 1-4 quarter subnode below each year, 1-n department below each quarter and 1-m "complaint code" below each department. Moreover i'd like to display data on demand, since i fear, in the long term, the building and load of the tree might become very cumbersome. Another feature i've to add is displaying richest infos about the complaint , i mean every complaint code has some additional details that the user want to see at first glance; i was thinking to use node templates , embedding a grid or something else into nodes .

The first question is : am i putting myself into troubles or the above is a reasonable solution to my requirements ?

Next , i've searched around a bit but i'm not finding much and i've some problems in figuring out how to put togheter all the features described above, can someone direct me to some tutorial, documentation or give any hint about which is the best way to accomplish it please?

thank you in advance for any help
Stefano

TreeView

answered on 22 Apr 2011

Top users last month