Questions on UI for ASP.NET AJAX Forum

1 answer

35 views

Do telerik controls need primary keys in coupling table

Hi everyone,

now I am making my database model and I would like to know if telerik needs to have primary keys in coupling tables?

I hope you understand my "coupling tables".

Thank you for your replies.

General Discussions

answered on 12 Dec 2012

5 answers

166 views

Listbox clientside events in a USER CONTROL

I have a user control inside of a rad grid.
When you expand the radgrid row for edit or insert I have a listbox that displays a set of items in a source and a destination box where the items they transfer are...
I would like to validate that the destination box has at least one item either via a asp.net validation control or via client side javascript.
The issue with the clientside script is that I am having a hard time getting it to work since it is a USER CONTROL inside of a parent page..

Any ideas?

ListBox

answered on 12 Dec 2012

10 answers

653 views

Rad Scheduler with Rad Calendar

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

171 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

175 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

106 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

70 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

102 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

104 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;