Questions on UI for ASP.NET AJAX Forum

1 answer

228 views

Problem on selecting special days in RadCalendar

Hi,

I use RadCalendar in my project. My problem is the special days are not selectable in RadCalendar. I have used AutoPostBack="true" and OnSelectionChanged property. I need to redirect the selected date to other page., but the click event is not fired on selecting the special day. I also use RadScheduler also in the same page. On using div i used to hide one by other. Below is the design page of it,

<asp:UpdatePanel ID="updatePanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<div>

<div id="divSchedular" runat="server">

<div style="width: 810px; background: transparent url('Images/background.png') no-repeat 0 0;

padding-left: 20px;">

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Web20" CustomAttributeNames=

"DisplayStartTime, EventColor, DisplayEndTime, StartDate,EndDate,DisplayPermitName,DisplayFacilityVisibility,DisplayClientVisibility,DisplayResourceVisibility,Id,DisplayPermitVisibility,DisplayFacilityname,DisplayResourceName,DisplayClientName"

DataStartField="StartDate" EnableDatePicker="true" GroupingDirection="Horizontal"

EnableEmbeddedSkins="true" DataDescriptionField="EventColor" MonthView-GroupingDirection="Horizontal"

DataEndField="EndDate" ShowFullTime="true" DataKeyField="Id" FirstDayOfWeek="Sunday"

LastDayOfWeek="Saturday" DataSubjectField="DisplayPermitName" AllowDelete="false"

AllowEdit="false" TimelineView-NumberOfSlots="7" AllowInsert="false" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound">

<AdvancedForm Modal="true" />

<%--daystarttime="08:00:00" dayendtime="23:00:00"--%>

<AppointmentTemplate>

<div>

<table>

<tr>

<td id="divColorChange" runat="server" width="0.5%">

<div>

<%--CommandArgument='<%# Eval("Id") + "~" + Eval("EventColor") %>'--%>

</div>

</td>

<td>

<%--CustomAttributeNames="StartTime,EndTime,SessionDate,DisplayPermitName,StartDate,DisplayClientVisibility,DisplayResourceVisibility,DisplayFacilityVisibility,EndDate,ID,DisplayPermitVisibility,DisplayFacilityName,DisplayResourceName,DisplayClientName,Event_ID,DisplayRoomNumber"--%>

<div class="AlignCenter">

<%--Permit Name--%>

<asp:LinkButton runat="server" ID="lblDisplayPermitName" OnClick="RedirectToEventMaintenance"

Style="font-weight: bold; color: Black; word-wrap: break-word; font-size: 12px;"

Visible='<%# Convert.ToBoolean(Eval("DisplayPermitVisibility")) %>' CommandArgument='<%# Eval("Id") + "~" + Eval("StartDate")%>'>

<%# Eval("DisplayPermitName")%>

</asp:LinkButton>

<asp:Label ID="labelPermitName" Style="font-weight: normal; color: Black; word-wrap: break-word;

font-size: 10px;" runat="server" Text='<%# Eval("DisplayPermitName")%>' CssClass="FontBold"></asp:Label>

<br />

<%--Start Time--%>

<%--End Time--%>

<asp:Label runat="server" ID="lblStartTime" Style="font-weight: normal; word-wrap: break-word;

color: Black; font-size: 10px; text-align: left; float: left;">

<%# Eval("DisplayStartTime")%></asp:Label>

-

<asp:Label runat="server" ID="lblEndTime" Style="font-weight: normal; word-wrap: break-word;

color: Black; font-size: 10px; text-align: left; float: left;">

<%# Eval("DisplayEndTime")%></asp:Label>

<br />

<%--Client Name--%>

<asp:Label runat="server" ID="lblDisplayClientTypeName" Style="font-weight: normal;

word-wrap: break-word; color: Black; font-size: 10px; width: 95px; text-align: left;

float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayClientVisibility")) %>'>

<%# Eval("DisplayClientName")%>

</asp:Label><br />

<%--Text="<left>Client :</left>"--%>

<%--Facility Name--%>

<asp:Label runat="server" ID="lblDisplayFacilityName" Style="font-weight: normal;

color: Black; font-size: 10px; word-wrap: break-word; width: 95px; float: left;

float: left; text-align: left; float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayFacilityVisibility")) %>'>

<%# Eval("DisplayFacilityname")%>

</asp:Label><%--Text="<left>Facility :</left>"--%>

<br />

<%--Resource Name--%>

<asp:Label runat="server" ID="lblDisplayResourceName" Style="font-weight: normal;

color: Black; font-size: 10px; word-wrap: break-word; width: 95px; text-align: left;

float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayResourceVisibility")) %>'>

<%# Eval("DisplayResourceName")%>

</asp:Label><br />

<%--Text="<left>Resource :</left>" --%>

<%--Resource Name--%>

<asp:Label runat="server" ID="Label2" Style="font-weight: normal; width: 95px; color: Black;

font-size: 10px; text-align: left; word-wrap: break-word; float: left;"><%-- Text="<left>Room :</left>"--%>

<%# Eval("DisplayResourceName")%>

</asp:Label><br />

<br />

<asp:LinkButton ID="linkButtonMore" Style="font-weight: bold; width: 95px; color: Black;

font-size: 10px;" runat="server" Text="More"></asp:LinkButton>

</div>

</td>

</tr>

</table>

</div>

</AppointmentTemplate>

</telerik:RadScheduler>

</div>

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="420" Height="300"

ToolTipZoneID="RadScheduler1" Animation="Resize" HideEvent="LeaveToolTip" Text="Loading..."

RelativeTo="Mouse" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" OnClientBeforeShow="clientBeforeShow">

</telerik:RadToolTipManager>

</div>

<div class="ClearBoth">

</div>

</ContentTemplate>

</asp:UpdatePanel>

<div id="divCalendar" runat="server" visible="false">

<telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial,Verdana,Tahoma"

OnSelectionChanged="RadCalendar1_SelectionChanged" AutoPostBack="true" ForeColor="Black"

Skin="Web20" MultiViewColumns="4" MultiViewRows="3" PresentationType="Preview"

UseColumnHeadersAsSelectors="false" UseRowHeadersAsSelectors="false" ShowOtherMonthsDays="False">

</telerik:RadCalendar>

</div>

The special days are populated in codebehing using,

RadCalendar1.SelectedDates.Clear();

RadCalendar1.SpecialDays.Clear();

RadCalendarDay NewDay = new RadCalendarDay(RadCalendar1);

this.EventController.State.Events = EventCollection;

if (this.EventController.State.Events.Count > 0)

{

foreach (Event eventObj in this.EventController.State.Events)

{

NewDay.Date = DateTime.Parse(eventObj.StartDate.ToString());

NewDay.IsSelectable = true;

NewDay.ItemStyle.CssClass = "specialDay";

NewDay.ToolTip = eventObj.Permit.PermitName;

NewDay.ItemStyle.BackColor = System.Drawing.Color.Aqua;

NewDay.ItemStyle.BorderColor = System.Drawing.Color.Blue;

RadCalendar1.SelectedDates.Add(new RadDate(Convert.ToDateTime(eventObj.StartDate.ToString())));

RadCalendar1.SpecialDays.Add(NewDay);

}

I also need to set the bordercolor and backcolor for the special day. i have used ItemStyle property as shown above. but the specified color is not applied to the calendar. It takes the default skin color (Web20) for the special day. Kindly help me out to get rid of this problem.

Thanks,
Hema L.

Calendar

answered on 18 Aug 2011

2 answers

121 views

Translate GridTableView

Hi everyone!

I have a RadGrid hierarchy.
I build a class to translate RadGrid to pt-BR. Ok! Works fine but the GridTableView still show in EN.
How can i translate GridTableView to?

Grid

answered on 18 Aug 2011

1 answer

241 views

captcha without textbox validation how?

I am using Telerik captcha control without textbox and now i want to validate this with my own textbox value.

my code is this

    <telerik:RadCaptcha ID="RadCaptcha" runat="server" EnableRefreshImage="true" CaptchaTextBoxCssClass="text"
                                                                    ProtectionMode="Captcha" Display="Dynamic" ErrorMessage="Invaid Code" CaptchaImage-TextColor="Black"
                                                                    CaptchaImage-RenderImageOnly="true" CaptchaImage-Width="219" CaptchaImage-TextChars="CustomCharSet"
                                                                    CaptchaImage-CharSet="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"
                                                                    CaptchaImage-ImageCssClass="captchIMG" CaptchaImage-Height="36" CaptchaImage-BackgroundNoise="None"
                                                                    CaptchaImage-LineNoise="High" />

and a single seperate text box for validate its value

    <asp:TextBox ID="txtCaptcha" runat="server" CssClass="text" />

Now on button click event i want to validate this captcha text but how???

Captcha

answered on 18 Aug 2011

5 answers

161 views

RADUpload InvalidFile Reason Code?

I saw a similar thread under RADControls, but didn't see any answer so I thought I'd post here. I have a RADUpload control placed on a page with AllowedFileExtensions set to allow ".doc,.docx,.xls,.xlsx,.zip,.txt,.csv,.pdf" and a MaxFileSize set to 15MB. I'm using client-side validation and have tested to ensure that invalid file types are being caught prior to form submission. My problem is that in uploading two, both valid, .xlsx files, one completes successfully and the other ends up in the InvalidFiles collection. I'm at a loss as to why one would work and the other not. Is there any way to access how a file fails to pass server-side validation?

Upload (Obsolete)

answered on 18 Aug 2011

3 answers

172 views

[Solved] RadWindow & RadGrid Issue

hi

I have a Radgrid and a Radwindow. The radwindows is suppose to popup whenever one click view detail link in the radgrid. Well, it worked, but the funny part was that whenever i click the page in the radgrid, the windows popup itself. Why is that happening. Thanks and sorry if any inconvenience caused.

Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand
Dim windowManager As New RadWindowManager()
Dim window1 As New RadWindow()

        If e.CommandName = "Select" Then
            Dim selectedRow As GridDataItem = DirectCast(e.Item, GridDataItem)
            Session("custid") = selectedRow.GetDataKeyValue("custid")
            window1.Width = "800"
            window1.Height = "520"
            window1.VisibleTitlebar = "false"
            window1.VisibleStatusbar = "false"
            window1.NavigateUrl = "~/custinfo.aspx?custid=" & Session("custid").ToString
            window1.ID = "RadWindow1"
            window1.VisibleOnPageLoad = True
            window1.ReloadOnShow = "true"
            ' Set this property to True for showing window from code
            RadWindowManager1.Windows.Add(window1)
            'Page.Form.Controls.Add(widnow1)
End Sub

Grid

answered on 18 Aug 2011

3 answers

175 views

Need Sample code for using Aysnc upload in Iframe

Can you provide a sample how to use Async upload control in Iframe.

AsyncUpload

answered on 18 Aug 2011

1 answer

137 views

Multiple Child Grids & Selecting Appropriate Row

I have three master /detail RadGrids like:

--1
----2
------3

I am trying to ensure two scenarios:

How can I make sure the appropriate rows are selected and the correct child data loaded for when the page loads and the user clicks a row in any grid?

I tried accessing the SelectedItems during Page_PreRender but only succeeded in selecting the first rows on page load, not when the user clicks a row. I tried the solution found on this site to always select a row but the code did not work for me.

Richard

Here is some source:

aspx

<telerik:RadGrid

AllowAutomaticDeletes="true"

AllowAutomaticInserts="true"

AllowAutomaticUpdates="true"

AutoGenerateEditColumn="true"

DataSourceID="FirstDataSource"

Height="380"

ID="FirstGrid"

OnDeleteCommand="Grid_OnCommand"

OnInsertCommand="Grid_OnCommand"

OnItemDeleted="Grid_OnItemDeleted"

OnItemInserted="Grid_OnItemInserted"

OnItemUpdated="Grid_OnItemUpdated"

OnUpdateCommand="Grid_OnCommand"

runat="server">

<MasterTableView

DataKeyNames="Id">

<Columns>

<telerik:GridBoundColumn

DataField="Id"

DataType="System.Int32"

HeaderText="System Id"

ReadOnly="True"

UniqueName="FirstId">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn

ButtonType="LinkButton"

CommandName="Delete"

ConfirmText="Delete this record?\n\nThis action cannot be undone."

Text="Delete"

UniqueName="DeleteFirst">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings

AllowKeyboardNavigation="true"

EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

<Scrolling

AllowScroll="true"

SaveScrollPosition="true"

UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

<telerik:RadGrid

AllowAutomaticDeletes="true"

AllowAutomaticInserts="true"

AllowAutomaticUpdates="true"

AutoGenerateEditColumn="true"

DataSourceID="SecondDataSource"

Height="380"

ID="SecondGrid"

OnDeleteCommand="Grid_OnCommand"

OnInsertCommand="Grid_OnCommand"

OnItemDeleted="Grid_OnItemDeleted"

OnItemInserted="Grid_OnItemInserted"

OnItemUpdated="Grid_OnItemUpdated"

OnUpdateCommand="Grid_OnCommand"

runat="server">

<MasterTableView

DataKeyNames="Id">

<Columns>

<telerik:GridBoundColumn

DataField="Id"

DataType="System.Int32"

HeaderText="System Id"

ReadOnly="True"

UniqueName="SecondId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

DataField="FirstId"

DataType="System.Int32"

ForceExtractValue="Always"

ReadOnly="True"

UniqueName="FirstId"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn

ButtonType="LinkButton"

CommandName="Delete"

ConfirmText="Delete this record?\n\nThis action cannot be undone."

Text="Delete"

UniqueName="DeleteSecond">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings

AllowKeyboardNavigation="true"

EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

<Scrolling

AllowScroll="true"

SaveScrollPosition="true"

UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

<telerik:RadGrid

AllowAutomaticDeletes="true"

AllowAutomaticInserts="true"

AllowAutomaticUpdates="true"

AutoGenerateEditColumn="true"

DataSourceID="ThirdDataSource"

Height="380"

ID="ThirdGrid"

OnDeleteCommand="Grid_OnCommand"

OnInsertCommand="Grid_OnCommand"

OnItemDeleted="Grid_OnItemDeleted"

OnItemInserted="Grid_OnItemInserted"

OnItemUpdated="Grid_OnItemUpdated"

OnUpdateCommand="Grid_OnCommand"

runat="server">

<MasterTableView

DataKeyNames="Id">

<Columns>

<telerik:GridBoundColumn

DataField="Id"

DataType="System.Int32"

HeaderText="System Id"

ReadOnly="True"

UniqueName="ThirdId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

DataField="SecondId"

DataType="System.Int32"

ForceExtractValue="Always"

ReadOnly="True"

UniqueName="SecondId"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn

ButtonType="LinkButton"

CommandName="Delete"

ConfirmText="Delete this record?\n\nThis action cannot be undone."

Text="Delete"

UniqueName="DeleteThird">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling

AllowScroll="true"

SaveScrollPosition="true"

UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

<asp:EntityDataSource

ConnectionString="name=Entities"

DefaultContainerName="Entities"

EnableDelete="True"

EnableFlattening="False"

EnableInsert="True"

EnableUpdate="True"

EntitySetName="Firsts"

EntityTypeFilter="First"

ID="FirstDataSource"

runat="server">

</asp:EntityDataSource>

<asp:EntityDataSource

ConnectionString="name=Entities"

DefaultContainerName="Entities"

EnableDelete="True"

EnableFlattening="False"

EnableInsert="True"

EnableUpdate="True"

EntitySetName="Seconds"

EntityTypeFilter="Second"

ID="SecondDataSource"

runat="server"

Where="it.[FirstId] = @FirstId">

<WhereParameters>

<asp:ControlParameter ControlID="FirstGrid" DefaultValue="0" Name="FirstId" PropertyName="SelectedValue" Type="Int32" />

</WhereParameters>

</asp:EntityDataSource>

<asp:EntityDataSource

ConnectionString="name=Entities"

DefaultContainerName="Entities"

EnableDelete="True"

EnableFlattening="False"

EnableInsert="True"

EnableUpdate="True"

EntitySetName="Thirds"

EntityTypeFilter="Third"

ID="ThirdDataSource"

runat="server"

Where="it.[SecondId] = @SecondId">

<WhereParameters>

<asp:ControlParameter ControlID="SecondGrid" DefaultValue="0" Name="SecondId" PropertyName="SelectedValue" Type="Int32" />

</WhereParameters>

</asp:EntityDataSource>

Grid

answered on 18 Aug 2011

2 answers

95 views

How to align the columns of the detail tables with the Master Table?

I saw this article: http://www.telerik.com/help/aspnet-ajax/grid-align-columns-in-hierarchy.html

but can't make it work to align the columns; have you got any code samples with Visa skin?

Thanks,

Grid

answered on 18 Aug 2011

7 answers

132 views

[Solved] Is this possible in changing column of showing detail view ?

Hi all,

I am using RadGrid with NestedViewTemplate is another RadGrid for showing Master - Detail data. As the default, when you click on the icon in the first column to show the detail view.

Could I change this by clicking on another column (I don't want to use the first column and of course its icon).
Thank you,
Phuc PHAM

Grid

answered on 18 Aug 2011

1 answer

72 views

Maintain parent grid row selected colour

Dear Telerik Team,

I would like to maintain parent grid row selected colour after double click parent grid and appears popup window.

Thanks in advance,
Phyu Sin.

Grid

answered on 18 Aug 2011