Questions on UI for ASP.NET AJAX Forum

10 answers

639 views

Hi,

I am using Rad Calendar with Rad Scheduler To Implement Events Like Outlook Calendar View .
I need Following Requirements ,Please Giude me .
1. On Click on Rad Scheduler Navigation , Need to Highlight Respective Day Or Week Or Month in Rad Calendar Based On Rad Scheduler View.
2.How to Use

telerik

:RadSchedulerRecurrenceEditor

For Implementing Custom Appointment Template.
3.How to Implement Go To Date Funtionality For Rad Calendar.
4.How to Navigate Rad Scheduler , on click of Rad Calendar Row Header -- > Month View Of rad Scheduler.
on Click of Rad Calendar Column Header -- > Week View of Rad Scheduler.
5. If Rad Scheduler is Day View Need to Display More Information.
If Rad Scheduler is Week View or Month View then Display Less Information.
6. Appointment Click event is not Working.( Need to Redirect to Different page)

Please Do the NeedFull.

Thanks.

Scheduler

answered on 12 Dec 2012

1 answer

151 views

RadListBox selection is not working in RadPageView.

Hi

I have placed a RadTabStrip on my page and linked to RadMultiPage. One of the RadPageView contains a usercontrol which contains some RadListBox controls.

When I place the user control in directly in the RadAjaxPanel the selection of RadListBox items work fine. but when placed inside the RadPageView it doesnt.

I am using Telerik for ASP.NET AJAX Q3 2011.
any urgent help will be appreciated.

code on my page is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">

<table id="tbl" cellpadding="10" cellspacing="0" width="100%">

<tr>

<td style="width: 100px;">

Select Report :

</td>

<td>

<telerik:RadComboBox ID="RadComboBox1" AutoPostBack="true" OnSelectedIndexChanged="RadDropDown1_SelectedIndexChanged" EmptyMessage="Select Report.." runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadTabStrip ID="RadTabStripReport" runat="server" SelectedIndex="0" ShowBaseLine="False"

MultiPageID="RadMultiPageReport" Width="99%" EnableEmbeddedBaseStylesheet="false"

EnableEmbeddedSkins="false" Skin="StakeTab" Orientation="HorizontalTop" CssClass="Cloud-Tabs">

<Tabs>

<telerik:RadTab runat="server" Text="Criteria" Value="Criteria" PageViewID="RadPageViewCriteria">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="View Report" Value="View Report" PageViewID="RadPageViewReport">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div class="dvClear">

</div>

<div style="width: 100%; border: 1px solid #d2d2d2;">

<telerik:RadMultiPage ID="RadMultiPageReport" runat="server" SelectedIndex="0" Width="100%">

<telerik:RadPageView ID="RadPageViewCriteria" runat="server">

<uc1:RptConsultationLogCriteria ID="RptConsultationLogCriteriaUC" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageViewReport" runat="server">

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

And code in user control is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">

<div class="containerPanel">

<table width="100%">

<tr>

<td>

<strong>Start Date:</strong>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

</td>

<td>

<strong>End Date: </strong>

<telerik:RadDatePicker ID="RadDatePicker2" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td>

<strong>Search and select project:</strong>

</td>

<td>

<strong>Search and select Stakeholder:</strong>

</td>

</tr>

<tr>

<td>

Type to search Project:<br />

<asp:TextBox ID="TextBox12" runat="server"></asp:TextBox><asp:Button ID="Button1"

runat="server" Text="Search" /><br />

<telerik:RadListBox ID="RadListBoxProjects" CssClass="RadListBox1" AutoPostBack="true" SelectionMode="Single" runat="server"

Width="250px" Height="200px" >

</telerik:RadListBox>

</td>

<td>

Type to search Stakeholder:<br />

<asp:TextBox ID="TextBox14" runat="server"></asp:TextBox><asp:Button ID="Button3"

runat="server" Text="Search" /><br />

<telerik:RadListBox ID="RadListBoxStakeholder" CssClass="RadListBox1" runat="server"

Width="250px" Height="200px" SelectionMode="Multiple">

<Items>

<telerik:RadListBoxItem Text="Jim" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Peter" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Xyz" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Abc" Value=""></telerik:RadListBoxItem>

</Items>

</telerik:RadListBox>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td>

<strong>Fields to include in Report:</strong>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="2">

<table>

<tr>

<td>

Fields available:

</td>

<td>

Fields Selected:

</td>

<td>

Groupby results on:

</td>

</tr>

<tr>

<td>

<telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBox2"

AutoPostBackOnTransfer="true" EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

<Items>

<telerik:RadListBoxItem Text="Team Member Comments" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Stakeholder Comments" Value=""></telerik:RadListBoxItem>

</Items>

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox2" CssClass="RadListBox2" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"

AllowTransfer="true" TransferToID="RadListBox3" AutoPostBackOnTransfer="true"

EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox3" CssClass="RadListBox2" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"

EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

</telerik:RadListBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td colspan="2">

<strong>Header Text:</strong>

</td>

</tr>

<tr>

<td colspan="2">

<table width="100%">

<tr>

<td align="right">

Team Member Comments:

</td>

<td>

<asp:TextBox ID="TextBox1" Text="Team Member Comments" runat="server"></asp:TextBox>

</td>

<td align="right">

Stakeholder Comments:

</td>

<td>

<asp:TextBox ID="TextBox2" Text="Stakeholder Comments" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Outcome:

</td>

<td>

<asp:TextBox ID="TextBox4" Text="Outcome" runat="server"></asp:TextBox>

</td>

<td align="right">

Issues:

</td>

<td>

<asp:TextBox ID="TextBox5" Text="Issues" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Non Objection Date:

</td>

<td>

<asp:TextBox ID="TextBox7" Text="Non Objection Date" runat="server"></asp:TextBox>

</td>

<td align="right">

Documents Distributed:

</td>

<td>

<asp:TextBox ID="TextBox8" Text="Documents Distributed" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Stakeholder:

</td>

<td>

<asp:TextBox ID="TextBox10" Text="Stakeholder" runat="server"></asp:TextBox>

</td>

<td align="right">

Stakeholder Parent:

</td>

<td>

<asp:TextBox ID="TextBox11" Text="Stakeholder Parent" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Strategies for Mitigation:

</td>

<td>

<asp:TextBox ID="TextBox3" Text="Strategies for Mitigation" runat="server"></asp:TextBox>

</td>

<td align="right">

Non Objection:

</td>

<td>

<asp:TextBox ID="TextBox6" Text="Non Objection" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

FN Rep:

</td>

<td>

<asp:TextBox ID="TextBox9" Text="FN Rep" runat="server"></asp:TextBox>

</td>

<td align="right">

</td>

<td>

</td>

</tr>

</table>

<br />

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

</table>

</div>

<asp:Button ID="btnGenerateReport" runat="server" Text="GenerateReport" />

</telerik:RadAjaxPanel>

Thanks,
Bash

ListBox

answered on 12 Dec 2012

2 answers

159 views

Exif

How can I keep the exif data on an image edited in the editor? As it is now, all exif data disappears after save.

Roy

ImageEditor

answered on 12 Dec 2012

3 answers

99 views

Not able to get the changed values in update command

HI,
I am using the RAD Grid in sharepoint 2010.
I have the following code in the update command:

protected void RadGrid1_UpdateCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

DataTable ordersTable = this.GridData;

//Locate the changed row in the DataSource

string filter = "Title = '" + Convert.ToString(editedItem.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["Title"]) + "'";

// here Title='1' is shown. 1 is the value which is changed to 2.

DataRow[] changedRows = ordersTable.Select(filter);

if (changedRows.Length != 1)

{

RadGrid1.Controls.Add(new LiteralControl("Unable to locate the Order for updating."));

e.Canceled = true;

return;

}

//Update new values

Hashtable newValues = new Hashtable();

//The GridTableView will fill the values from all editable columns in the hash

// in the below code newvalues is coming as empty

e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);

DataRow changedRow = changedRows[0];

changedRow.BeginEdit();

try

{

foreach (DictionaryEntry entry in newValues)

{

changedRow[(string)entry.Key] = entry.Value;

}

changedRow.EndEdit();

}

catch (Exception ex)

{

changedRow.CancelEdit();

RadGrid1.Controls.Add(new LiteralControl("Unable to update Orders. Reason: " + ex.Message));

e.Canceled = true;

}

ordersTable.AcceptChanges();

this.GridData = ordersTable;

RadGrid1.DataBind();

}

How to get the changed values?
Thanks

Grid

answered on 12 Dec 2012

1 answer

60 views

Tab display issue

Hello telerik.

we have 2 problems about tab control.
we are using 2012.912.40 version we tried to install lastest telerik version for testing, same too.

First problem is already mentioned problem, please refer previous article link.
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/have-you-fixed-feeding-tab-problem.aspx

we recevied message that will be solve problem as soon as possible, but problem is still exists.

Second problem is like first problem.
When I create 15 ~ 20 tabs tabstrip scrollbar has shown. and scrolling scrollbar to right side.
And closing tab located in middle until all tabs are closed.
While tab is closing, sometimes tabstrip control is disappeard.

we make simple code for identifying problem. it looks bug.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonAdd">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButtonClose_Click">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="height: 100px; background-color: gray;">

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" Skin="Simple" ScrollChildren="true" dir="LTL" EnableEmbeddedSkins="true"

Visible="true">

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" />

Tab

</TabTemplate>

</telerik:RadTabStrip>

</div>

<telerik:RadButton runat="server" ID="RadButtonAdd" Text="Add" OnClick="RadButtonAdd_Click"></telerik:RadButton>

<telerik:RadButton runat="server" ID="RadButtonClose" Text="close" OnClick="RadButtonClose_Click"></telerik:RadButton>

<asp:Label runat="server" ID="LabelCount" Text="Tab Count:"></asp:Label>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButtonClose_Click(object sender, EventArgs e)

{

RadTabStripContent.Tabs.RemoveAt(RadTabStripContent.Tabs.Count -4);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

protected void RadButtonAdd_Click(object sender, EventArgs e)

{

RadTab tab = new RadTab();

tab.Text = "TAB "+ (RadTabStripContent.Tabs.Count + 1).ToString();

RadTabStripContent.Tabs.Add(tab);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

TabStrip

answered on 12 Dec 2012

2 answers

95 views

Javascript error for autocomplete functionality of RadComboBox

HI,

I have to implement Autocomplete functionality on RadComboBox, functionality is working fine. But on page load, I am facing Javascript error. Like ‘Telerik.Webcontrols.RadComboBox’ is null or not an object.

I am currently using IE7 with VS2008. And Version 2010.3.1317.35 of Telerik.Web.UI.dll file.

RadComboBox Declaration:
<RadCmbBox:RadComboBox HighlightTemplatedItems="true" ID="radComboSelectBaseModule"

Skin="WindowsXP_IT" Height="100px" Width="200px" runat="server" SkinsPath="~/RadControls/Combobox/Skins"

AllowCustomText="true" MarkFirstMatch="true" AutoPostBack="true" Enabled="true"

Visible="true" TabIndex="1" OnSelectedIndexChanged="radComboSelectBaseModule_SelectedIndexChanged"

enableitemcaching="True" enableloadondemand="True" onitemsrequested="radComboSelectBaseModule_ItemsRequested" >

Javascript added for functionality:

var prototype = Telerik.WebControls.RadComboBox.prototype;

var set_text = prototype.set_text;

var propertyChange = prototype._onInputPropertyChange;

prototype.set_text = function (value) {

this._skipEvent = 0;

set_text.call(this, value);

};

prototype._onInputPropertyChange = function () {

if (!event.propertyName)

event = event.rawEvent;

if (event.propertyName == "value") {

this._skipEvent++;

if (this._skipEvent == 2)

return;

propertyChange.call(this);

}

};

</script>

Please suggest if there is any other way to complete this functionality with version 2010.3.1317.35.

Thanks.

ComboBox

answered on 12 Dec 2012

5 answers

91 views

vertical menu seperator

hello
after a lot of hours i was finnaly created my custom skin to my menu.
but still i cant rid this grey strip on sub menus
someone can help me with that?
regards maor
p.s i attached picture of the menu and the style that i have created.

<style type="text/css">

.new

{

azimuth :#b0c4ff!important;

background-color: #b0c4ff!important;

border-color: rgb(176, 196, 255);

background-image: url('Menu/rmSprite.png') !important;

}

.new:hover

{

background-color: #b0c4ff!important;

background-image: url('Menu/rmSprite.png') !important;

background-position: 100% -313px !important;

border-bottom-width 0 0 0 0;

border-color: rgb(176, 196, 255);

}

.new .rmRootGroup

{

background: Transparent !important;

border-bottom-width 0 0 0 0;

border-color: rgb(176, 196, 255);

}

.new a.rmLink:hover,

.new .rmGroup a.rmFocused,

.new .rmGroup a.rmSelected,

.new .rmGroup a.rmExpanded

{

background-color :rgb(176, 196, 255);

background-position: 0 -168px;

}

.new a.rmExpanded,

.new a.rmExpanded:hover

{

background-color :rgb(176, 196, 255);

background-position: 0 -168px;

}

.new .rmGroup .rmvertical

{

}

div.new {

}

</style>

Menu

answered on 12 Dec 2012

2 answers

100 views

Which controls have HtmlEncode?

Hello there,
does anybody know which controls have HtmlEncode?
I need that for a Dokumentation i make.
Thanks in advance,
Torben

General Discussions

answered on 12 Dec 2012

2 answers

94 views

Better Control Overview

Hello,
it would be great to have a Control Overview where you can get a List of all Controls which match a sepcific parameter.
For example i am currently searching for a List of Controls which have the "HtmlEncode" field.
(If somwhere exists such a list i would be thankfull if someone could post a link to that.)
So if someone needs an overview of Controls which match a criterion, that nobody else would think of he or she could just use that Site.

Documentation and Tutorials

answered on 12 Dec 2012

1 answer

189 views

How to use the GridCalculatedColumn when there are no items in grid

Hi,
I have added the "GridCalculatedColumn" in rad grid. where there are items in the grid, the calculated column is working fine. However when there are no items in grid, the gridcalculated column is giving the error as "operator * cannot be applied between string and string.".
Below is the code i have:

<telerik:GridTemplateColumn DataField="OrderQuantity" HeaderText="Order Quantity"

UniqueName="OrderQuantity" Visible="true">

<InsertItemTemplate>

<telerik:RadTextBox ID="RadtxtOrderQuantity" runat="server" Text="">

</telerik:RadTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="RadtxtOrderQuantity" runat="server" Text='<%# Eval("OrderQuantity") %>'>

</telerik:RadTextBox>

</EditItemTemplate>

<ItemTemplate>

<telerik:RadTextBox ID="RadtxtOrderQuantity" ReadOnly="true" runat="server" Text='<%# Eval("OrderQuantity") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="UnitPrice" HeaderText="Unit Price" UniqueName="UnitPrice"

Visible="true">

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="RadtxtUnitPrice" runat="server" >

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="RadtxtUnitPrice" runat="server" Text='<%# Eval("UnitPrice") %>'>

</telerik:RadNumericTextBox>

</EditItemTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="RadtxtUnitPrice" Type="Currency" ReadOnly="true" runat="server" Text='<%# Eval("UnitPrice") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridCalculatedColumn DataFormatString="{0:C}" DataType="System.Double" HeaderText="Extended Price"

UniqueName="ExtendedPrice" DataFields="OrderQuantity,UnitPrice" Expression="{0}*{1}"

FooterText="Total : " Aggregate="Sum">

</telerik:GridCalculatedColumn>

How to modify the code to use when the grid has no items?
Thanks

Grid

answered on 12 Dec 2012