Questions on UI for ASP.NET AJAX Forum

7 answers

132 views

Hi,

In my RadScheduler, I have AppointmentTemplate as following:

<AppointmentTemplate>

<asp:HyperLink ID="lnkCase" runat="server" ImageUrl="~/Images/ViewCase_16.jpeg"></asp:HyperLink>

<%# Eval("Subject")%>

</AppointmentTemplate>

When I try to export the scheduler into PDF, the image is missing and skin(looking feel) is also missing.

Please help!

Alan

Scheduler

answered on 09 Dec 2013

5 answers

220 views

ie 11 compatability

Hi,

Can you please confirm if the asp.net ajax rad controls are ie 11 compatable?
And also how about asp.net mvc and kendo UI?

Thanks,
Ujjwala

General Discussions

answered on 09 Dec 2013

1 answer

89 views

How to group resource groups

Hi,
I have a list of resources that are organized by categories (i.e. several different cabins that belong to a lodging category and several different conference rooms that belong to a meeting rooms category). I would like to show these resources on the y axis in a timeline view but be able to expand/collapse them by category kind of like in a tree view. When collapsed, their appointments would not show. This would save a lot of screen real estate since I have so many resources. Is this possible using the RadScheduler?

Many Thanks,
Oleg

Scheduler

answered on 09 Dec 2013

1 answer

164 views

Dynamic RadGrid inside NestedViewTemplate Not Firing Events

The issue is that a RadGrid that is created dynamically in the ItemCommand event of the parent grid is not firing commands correctly.

A RadGrid that is explicitly defined within the NestedViewTemplate works perfectly.

To demonstrate, I've created the following... RadGridChild is explicitly defined within the "ChildPane" panel in the NestedViewTemplate. It's events fire just as expected.

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridMaster">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridMaster" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGridMaster" runat="server" OnNeedDataSource="RadGridMaster_NeedDataSource"

OnPreRender="RadGridMaster_PreRender" OnItemCommand="RadGridMaster_ItemCommand"

OnItemCreated="RadGridMaster_ItemCreated">

<MasterTableView DataKeyNames="ItemID">

<Columns>

</Columns>

<NestedViewSettings DataSourceID="ItemID">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="ItemID" MasterKeyField="ItemID" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<asp:Panel ID="ChildPanel" runat="server">

<telerik:RadGrid ID="RadGridChild" runat="server" OnNeedDataSource="RadGridChild_NeedDataSource"

OnItemCommand="RadGridChild_ItemCommand">

<MasterTableView DataKeyNames="DetailItemID" CommandItemDisplay="Top">

<CommandItemSettings AddNewRecordText="Add Detail" />

<Columns></Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Panel>

</NestedViewTemplate>

</MasterTableView>

</telerik:RadGrid>

Here's the code:

public partial class TestGrid : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGridMaster_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

using (TestDataEntities de = new TestDataEntities())

{

(sender as RadGrid).DataSource = de.Table1.ToList();

}

protected void RadGridMaster_PreRender(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

RadGridMaster.MasterTableView.Items[0].Expanded = true;

var pnl = RadGridMaster.MasterTableView.Items[0].ChildItem.FindControl("ChildPanel") as Panel;

pnl.Visible = true;

pnl.Controls.OfType<RadGrid>().FirstOrDefault().Rebind();

}

protected void RadGridMaster_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.ExpandCollapseCommandName && e.Item is GridDataItem)

{

((GridDataItem)e.Item).ChildItem.FindControl("ChildPanel").Visible =

!e.Item.Expanded;

if (!e.Item.Expanded)

{

(((GridDataItem)e.Item).ChildItem.FindControl("ChildPanel") as Panel).Controls.OfType<RadGrid>().FirstOrDefault().Rebind();

RadGrid RadGridChild2 = new RadGrid();

RadGridChild2.ID = "RadGridChild2";

RadGridChild2.NeedDataSource += RadGridChild2_NeedDataSource;

RadGridChild2.ItemCommand += RadGridChild2_ItemCommand;

RadGridChild2.MasterTableView.DataKeyNames = new string[] { "ItemID" };

RadGridChild2.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;

RadGridChild2.MasterTableView.CommandItemSettings.AddNewRecordText = "Add for 2";

RadGridChild2.AutoGenerateColumns = false;

RadGridChild2.MasterTableView.Columns.Add(new GridBoundColumn() { DataField = "DetailItemID", HeaderText = "Detail ID" });

RadGridChild2.MasterTableView.Columns.Add(new GridBoundColumn() { DataField = "ItemDetail", HeaderText = "Detail" });

(((GridDataItem)e.Item).ChildItem.FindControl("ChildPanel") as Panel).Controls.Add(RadGridChild2);

RadGridChild2.Rebind();

}

protected void RadGridMaster_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridNestedViewItem)

{

e.Item.FindControl("ChildPanel").Visible = ((GridNestedViewItem)e.Item).ParentItem.Expanded;

}

protected void RadGridChild_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid rg = sender as RadGrid;

var temp = Convert.ToInt32((rg.NamingContainer as GridNestedViewItem).ParentItem.GetDataKeyValue("ItemID"));

using (TestDataEntities de = new TestDataEntities())

{

rg.DataSource = de.Table2.Where(x => x.ItemID == temp).ToList();

}

protected void RadGridChild_ItemCommand(object sender, GridCommandEventArgs e)

{

RadAjaxManager.GetCurrent(this.Page).Alert("Adding!");

}

protected void RadGridChild2_ItemCommand(object sender, GridCommandEventArgs e)

{

RadAjaxManager.GetCurrent(this.Page).Alert("Adding for 2!");

}

protected void RadGridChild2_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid rg = sender as RadGrid;

rg.AutoGenerateColumns = false;

rg.MasterTableView.Columns.Clear();

rg.MasterTableView.Columns.Add(new GridBoundColumn() { DataField = "DetailItemID", HeaderText = "Detail ID" });

rg.MasterTableView.Columns.Add(new GridBoundColumn() { DataField = "ItemDetail", HeaderText = "Detail" });

var temp = Convert.ToInt32((rg.NamingContainer as GridNestedViewItem).ParentItem.GetDataKeyValue("ItemID"));

using (TestDataEntities de = new TestDataEntities())

{

rg.DataSource = de.Table2.Where(x => x.ItemID == temp).ToList();

}

When I click on the "Add Record" button on the first child grid, I get the expected alert box.
When I click on the "Add Record" button on the second child grid (dynamic), It disappears and I get nothing.

Any help is appreciated.

Grid

answered on 09 Dec 2013

1 answer

390 views

Value not displaying in RadTextBox Password TextMode

HI,

Am in need of displaying password in the RadGrid using RadTextBox in Password TextMode.

On Page Load, i have to fetch the record and display it in Grid. But, i cant able to display the password when it is in Password TextMode.
In fact, it is displayed in normal mode. Why it is not displaying when it is in Password Mode? Please reply me as soon as possible.

General Discussions

answered on 09 Dec 2013

1 answer

158 views

align a column text to right

Hello.
How to align a column text to right . I want code in javascript.

Grid

answered on 09 Dec 2013

8 answers

217 views

Advanced Edit Template issue

Hello,

I have followed the instructions found in the Advanced Templates link that is often provided in this forum and have hit a snag. The Start Date, Start Time, End Date, and End Time don't work properly. The date and time will populate...but when you attempt to drill down a different date or time, nothing happens. Not only that, when checking or unchecking the All Day option, the time fields do not appear or disappear.

Are there any known issues with this example? Is the AdvancedForm.js file where the code for the date/time picker is? I have attached the two code snippets. One from the main aspx page that holds the radscheduler...and one from the user control that has the template code in it.

<telerik:Radscheduler ID="RadScheduler1" runat="server" DisplayDeleteConfirmation="true"

SelectedDate="2011-11-15" TimeZoneOffset="03:00:00" AppointmentStyleMode="Default"

Height="" Skin="Office2007" AllowInsert="true" AllowDelete="true" EnableDescriptionField="true"

onappointmentdelete="radSched_AppointmentDelete"

onappointmentinsert="radSched_AppointmentInsert"

StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true"

onappointmentupdate="radSched_AppointmentUpdate" OnClientFormCreated="radSched_ClientFormCreated">

<TimelineView UserSelectable="false" />

<AdvancedForm Modal="true" />

<AdvancedEditTemplate>

<scheduler:SchedulerAdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' Description='<%# Bind("Description") %>' />

</AdvancedEditTemplate>

<AdvancedInsertTemplate>

<scheduler:SchedulerAdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Insert" Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' Description='<%# Bind("Description") %>' />

</AdvancedInsertTemplate>

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:Radscheduler>

<ul class="rsTimePickers">

<li class="rsTimePick">

<label for='<%= StartDate.ClientID %>_dateInput_text'>

<%= Owner.Localization.AdvancedFrom %></label>

<%--

Leaving a newline here will affect the layout, so we use a comment instead.

--%><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"

Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'

MinDate="1900-01-01">

<DatePopupButton Visible="False" />

<DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'

EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>

</telerik:RadDatePicker>

<%--

--%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"

Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>

<DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" />

<TimePopupButton Visible="false" />

<TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"

EndTime="18:00" Interval="00:30" />

</telerik:RadTimePicker>

</li>

<li class="rsTimePick">

<label for='<%= EndDate.ClientID %>_dateInput_text'>

<%= Owner.Localization.AdvancedTo%></label><%--

--%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"

Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'

MinDate="1900-01-01">

<DatePopupButton Visible="False" />

<DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'

EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>

</telerik:RadDatePicker>

<%--

--%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"

Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>

<DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>

<TimePopupButton Visible="false" />

<TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"

EndTime="18:00" Interval="00:30" />

</telerik:RadTimePicker>

</li>

<li class="rsAllDayWrapper">

<asp:CheckBox runat="server" ID="AllDayEvent" CssClass="rsAdvChkWrap" Checked="false" />

</li>

</ul>

Scheduler

answered on 08 Dec 2013

2 answers

222 views

[Solved] Dropzone for asyncUpload in Radgrid

Is it possible to have a drop zone for an asyncUploader inside a Radgrid in edit mode?
Any demo or sample about this?
Thanks,
Felice

AsyncUpload

answered on 07 Dec 2013

1 answer

89 views

RadEditor - Image manager dialog not visible

Good night,
I get the same error than in the telerik demo page:

http://demos.telerik.com/aspnet-ajax/editor/examples/filemanagers/defaultcs.aspx

When I click on Image Manager icon, the dialog opens but its very small. It only happens with Chrome browser (my version is 31.0.1650.63 m)

I attach the screenshot.

Is there any solution?
Thank you in advance
Miguel

Editor

answered on 07 Dec 2013

1 answer

158 views

Setting DataKeyValues in Code Behind

Hello,

I'm trying to set the RadListBox DataKeyField within the code behind. When I attempt to assign the value I get the error:

[column_name] is neither a DataColumn nor a DataRelation for table DefaultView

The value returned from the string category variable exactly matches with the column name in the [Product] table.

Here is my applicable code:

aspx

<telerik:RadListBox ID="RadListBox2" runat="server"

Height="200"

Width="300"

AllowReorder="true"

SelectionMode="Multiple"

AllowDelete="true"

DataSourceID="SelectedAttributes">

</telerik:RadListBox>

<asp:SqlDataSource ID="SelectedAttributes" runat="server"

ConnectionString="<%$ ConnectionStrings:MyConnectionString %>"

SelectCommand="SELECT @catName FROM [Product] WHERE [Number] = @Number">

<SelectParameters>