Questions on UI for ASP.NET AJAX Forum

7 answers

227 views

RadEditor Exception: Multiple controls with the same ID '__Page' were found.

PLEASE HELP!!!

We are using RAD Editor for .Net 2.0 v6.6.3.0

We are trying to add two RadEditors from code behind to a page by using a wrapper class. Sample code:

    
            using Telerik.WebControls;  
        
            public class TextEditorControl : System.Web.UI.Page  
        
            {  
        
                protected RadEditor editor;  
        
                protected string id;  
        
                public TextEditorControl(string id) : base()  
        
                {  
        
                    editor = new RadEditor();  
        
                    this.id = id;  
        
                }  
        
                protected override void OnInit(EventArgs e)  
        
                {  
        
                    // Initialize all necessary properties  
        
                    editor.Editable = true;  
        
                    // ...  
        
                    this.Controls.Add(editor);  
        
                    editor.ID = this.id;    // Changing editor id from "ctl00" to our custom id
        
                }
        
            }

Later we add this control to one of the tabs in our main display page. Sample code:

    
            public class MainPage : System.Web.UI.Page  
        
            {  
        
                protected override void OnInit(EventArgs e)  
        
                {  
        
                    //Add controls to the page based on an xml settings file  
        
                    //...  
        
                    TableCell tdContainer;  
        
                    if (controlType = "TextEditorControl")  
        
                    {  
        
                        tdContainer.Controls.Add(new TextEditorControl(controlId));  
        
                    }  
        
                    //Other code  
        
                    //...  
        
                }  
        
                protected void Page_Error(Object sender, EventArgs e)  
        
                {  
        
                    //Catch the error as an exception  
        
                }  
        
            }

For the first time, both RadEditor controls load fine. Then if we navigate to the next tab in the page, and try to navigate back to the previous tab containing the two RadEditor controls, we receive the following Exception caught through Page_Error function:

    
            {"Multiple controls with the same ID '__Page' were found. FindControl requires that controls have unique IDs."}

Kindly note that adding one RadEditor to the page always used to work fine for us (may be just one control with '__Page' id). Now we do have to add multiple controls. Please help!

Editor

answered on 19 Jul 2011

1 answer

75 views

Not able to integrate Telerik 4.0 in Sharepoint !

Hi All,
Some time back i have installed RAD Conrtols 3.5 and that were runnning with Sharepoint perfectly.But i think this has been expired now.
Currently on the website, RAD Conrtols 4.0 is available but that i am not able to integrate with Sharepoint as Sharepoint works on 3.5 Framewrok.

How to solve this problem ?

Thanks in Advance,
Ankit

General Discussions

answered on 19 Jul 2011

1 answer

220 views

S-Curves

One of the type of charts I have been asked to do is an S-Curve. Is the RadChart control capable of plotting this type of chart? It is not the same as a spline chart.

Thanks

Chart (Obsolete)

answered on 19 Jul 2011

10 answers

303 views

RadGrid Batch Update with RadMaskedTextBox in cell

Hello,

I am continuing the previous post for the batch update with telerik controls (http://www.telerik.com/community/forums/aspnet/grid/radgrid-batch-update-with-drop-down-in-cell.aspx). My problem is to implement the tutorial using the RadMaskedTextBox and RadNumericTextBox control. The HideEditor function is working properly, but when i click at the row that i want to edit, the column editor is not shown, maybe i should change something in the ShowColumnEditor function?

What are the changes that i need to do in javascript? And regarding to the fields validation, is it possible to use RequiredFieldValidation?

Below is the used code:

function ShowColumnEditor() {

editedCell = this;

//hide text and show column editor in the edited cell

var cellText = this.getElementsByTagName("span")[0];

cellText.style.display = "none";

//display the span which wrapps the hidden checkbox editor

if (this.getElementsByTagName("span")[1]) {

this.getElementsByTagName("span")[1].style.display = "";

}

var colEditor = this.getElementsByTagName("div")[0] || this.getElementsByTagName("input")[0] || this.getElementsByTagName("select")[0];

colEditor.style.display = "";

if (colEditor.tagName == "DIV") {

var _Editor = $find(colEditor.id.replace("_wrapper", ""));

if (colEditor.id.indexOf("_wrapper") != -1) {

// DatePicker is Found

_Editor.get_textBox().focus();

}

else {

_Editor.get_inputDomElement().focus();

}

else {

colEditor.focus();

}

function HideEditor(editCell, editorType) {

//get reference to the label in the edited cell

var lbl = editCell.getElementsByTagName("span")[0];

switch (editorType) {

case "maskedtextbox":

var dtPickerDIV = editCell.getElementsByTagName("div")[0];

var dtPickerID = editCell.getElementsByTagName("input")[0].id;

var dtPickerClientID = dtPickerID.replace("_text", "");

var dtPicker = $find(dtPickerClientID);

if (lbl.innerHTML != dtPicker.value) {

lbl.innerHTML = dtPicker.value;

editCell.style.border = "1px dashed red";

StoreEditedItemId(editCell);

}

dtPickerDIV.style.display = "none";

break;

case "DatePicker":

var dtPickerDIV = editCell.getElementsByTagName("div")[0];

var dtPickerID = editCell.getElementsByTagName("input")[0].id;

var dtPickerClientID = dtPickerID.replace("_dateInput_text", "");

var dtPicker = $find(dtPickerClientID);

if (lbl.innerHTML != dtPicker.get_textBox().value) {

lbl.innerHTML = dtPicker.get_textBox().value;

editCell.style.border = "1px dashed red";

StoreEditedItemId(editCell);

}

dtPickerDIV.style.display = "none";

break;

..........

Thanks,
Tiago Gerevini Yoshioka

Grid

answered on 19 Jul 2011

2 answers

58 views

Filtering Problem

Hi im trying to add filtering to my grid, I set the allowfilteringByColumn property to true and when I put a field to filter and push enter the grid is not visible and is a line instead.I'm filling my grid with this store procedure

private void llenagridBaja()

{

try

{

var SSEGUAEntities = new BD_SSEGUAEntities();

var resultado = SSEGUAEntities.spBajaEmpleado1();

if (resultado != null)

{

RadGrid2.DataSource = resultado;

}

catch (Exception ex)

{

Alerta(ex.Message);

}

RadGrid2.Visible = true;

RadGrid2.ShowFooter = true;

}

And this is the aspx code of my grid

<telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False"

GridLines="None" Skin="Sunset" onitemdatabound="RadGrid2_ItemDataBound"

AllowPaging="True" AllowSorting="True" onitemcommand="RadGrid2_ItemCommand"

onpageindexchanged="RadGrid2_PageIndexChanged"

onselectedindexchanged="RadGrid2_SelectedIndexChanged"

AllowFilteringByColumn="True" >

<ClientSettings EnablePostBackOnRowClick="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

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

</RowIndicatorColumn>

<ExpandCollapseColumn>

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="fiCircuito" HeaderText="Circuito"

UniqueName="columnCirc">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nom_edo" HeaderText="Estado"

UniqueName="columnEdo">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nom_cd" HeaderText="Ciudad"

UniqueName="columnCd">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="fiIdSolicitud" HeaderText="Folio"

UniqueName="columnFolio" >

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nom_padre"

HeaderText="Nombre Madre/Padre" UniqueName="columnPadre">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nom_menor" HeaderText="Nombre del Menor"

UniqueName="column1">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

UniqueName="columnIdM" DataField="fiIdMenor" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Fecha" UniqueName="column4"

DataField="fech_baja">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ind_baja" HeaderText="Estatus Empleado"

UniqueName="columnEstatus">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderText="Avisos"

UniqueName="column2" ImageUrl= "~/imgs/new-message-icon.png"

CommandName="Avisos">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn ButtonType="ImageButton"

HeaderText="Actualiza Estado" UniqueName="column3"

ImageUrl="~/imgs/refresh_document-icon.gif" CommandName="Actualiza">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center"

HeaderText="Estatus" DataField="fcDescEdoSol"

UniqueName="fcDescEdoSol" Visible="False">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Adscripción Actual"

UniqueName="columnAdscAct" DataField="area_Nueva" Visible="false">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center"

HeaderText="Expediente " DataField="fiExpEmpleado"

UniqueName="EXPEDIENTE" Visible="False">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Hope you could help me

I try adding a RadFilter and I have the same problem

Grid

answered on 19 Jul 2011

2 answers

96 views

Difference when exporting to PDF and Excel

When calculating width of the cell for export I was surprised when I discovered the following:
the handling of controls must be different when exporting to PDF and Excel

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

if (IsExport)

{

const int charWidth = 10;

var gridWidth = 0;

foreach (GridColumn column in MasterTableView.Columns)

{

if (column is GridEditableColumn)

{

var columnWidth = 0;

var currentlyExportingTypes = column.CurrentFilterValue.GetTypesFromSeparatedString<DSExportType>();

if (currentlyExportingTypes.Count > 0 && !currentlyExportingTypes.Contains(_currentlyExportingType.Value) ||

column.HeaderText == "#" || column.UniqueName == "checker")

{

column.Visible = false;

}

if (column.Visible)

{

var alignmentCssClassPattern = new Regex("\\b(?<alignment>ca|la|ra)\\b");

var alignmentCssClassPatternMatch = alignmentCssClassPattern.Match(column.HeaderStyle.CssClass);

foreach (GridDataItem dataItem in MasterTableView.Items)

{

var currentColumnWidth = 0;

if (column is GridTemplateColumn)

{

int labelLengths;

switch (_currentlyExportingType)

{

case DSExportType.Excel:

labelLengths =

(from label in dataItem[column.UniqueName].Controls.OfType<LiteralControl>().Where(label => !label.Text.StartsWith("\r\n"))

select label.Text.Length).Sum();

currentColumnWidth = labelLengths * charWidth;

break;

case DSExportType.Pdf:

labelLengths =

(from label in dataItem[column.UniqueName].Controls.OfType<WebControl>().OfType<Label>()

select label.Text.Length).Sum();

var hyperLinkLengths =

(from hyperLink in dataItem[column.UniqueName].Controls.OfType<WebControl>().OfType<HyperLink>()

select hyperLink.Text.Length).Sum();

var imageWidths =

(from image in dataItem[column.UniqueName].Controls.OfType<WebControl>().OfType<Image>()

select image.Width.Value).Sum();

currentColumnWidth = labelLengths * charWidth + hyperLinkLengths * charWidth + Convert.ToInt32(imageWidths);

break;

}

else

{

// Only for text types, should be check the type more carefully in common case!

currentColumnWidth = dataItem[column.UniqueName].Text.Length * charWidth;

}

if (columnWidth < currentColumnWidth)

{

columnWidth = currentColumnWidth;

}

if (alignmentCssClassPatternMatch.Success)

{

switch (alignmentCssClassPatternMatch.Groups["alignment"].Value)

{

case "ca":

dataItem[column.UniqueName].Style["text-align"] = "center";

break;

case "ra":

dataItem[column.UniqueName].Style["text-align"] = "right";

break;

default:

dataItem[column.UniqueName].Style["text-align"] = "left";

break;

}

dataItem[column.UniqueName].Style.Add("white-space", "nowrap");

}

foreach (GridHeaderItem headerItem in MasterTableView.GetItems(GridItemType.Header))

{

if (alignmentCssClassPatternMatch.Success)

{

switch (alignmentCssClassPatternMatch.Groups["alignment"].Value)

{

case "ca":

headerItem[column.UniqueName].Style["text-align"] = "center";

break;

case "ra":

headerItem[column.UniqueName].Style["text-align"] = "right";

break;

default:

headerItem[column.UniqueName].Style["text-align"] = "left";

break;

}

var finalColumnWidth = Math.Max(columnWidth, column.HeaderText.Length * charWidth);

column.HeaderStyle.Width = Unit.Pixel(finalColumnWidth);

gridWidth += finalColumnWidth;

}

ExportSettings.Pdf.PageWidth = Unit.Pixel(gridWidth + 2 * PdfGridPadding);

_currentlyExportingType = null;

}

The given method works, but the question is



why in the case of Excel export there is only LiteralControl within  dataItem[column.UniqueName].Controls? Where is the image, for instance? I need different types of controls to properly calculate cell width.



But when I am on image column - dataItem[image_column_unique_name].Controls also returns me only LiteralControls and no any reference to the used image:




<telerik:GridTemplateColumn HeaderStyle-CssClass='GridHeaderGreen ra' ItemStyle-CssClass='ra' UniqueName="image_column_unique_name">
    <ItemTemplate><asp:image runat="server" ImageUrl="~/images/something.png" /></ItemTemplate>
</telerik:GridTemplateColumn>

Grid

answered on 19 Jul 2011

7 answers

192 views

Button Render

Hi All

I have two buttons inside a Grid Edit form,
I can see the text on the buttons but the skins are not rendering?
I have used this method before and it worked fine, the only difference is a am using Ajax Manager on this occasions and i used a panel before,
I have also found that on few few occasions the Datepicker's have not rendered properly, they have rendered as a frame,
the button error is constant though.

<EditFormSettings EditFormType="Template">

<FormTemplate>

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

<tr>

<td align="left" width="25%">

<asp:Label ID="MadeDteLabel" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

Text="Agreement Made:"></asp:Label>

</td>

<td align="left" width="25%">

<telerik:RadDatePicker ID="MadeDatePicker" runat="server" Skin="Web20">

<Calendar runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"

Skin="Web20">

</Calendar>

<DateInput runat="server" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy">

</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

</telerik:RadDatePicker>

</td>

<td align="left" width="25%">

<asp:Label ID="Label2" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

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

</td>

<td align="left" colspan="2" width="25%">

<telerik:RadComboBox ID="RebTypComboBox" runat="server" DataTextField="rebateType"

DataValueField="rebateTypeID" Skin="Web20" Width="150px">

<Items>

<telerik:RadComboBoxItem runat="server" Text="--" Value="0" Selected="true" /> </Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="left" width="25%">

<asp:Label ID="RevDteLabel" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

Text="Rebate Revision Date:"></asp:Label>

</td>

<td align="left" width="25%">

<telerik:RadDatePicker ID="RevDatePicker" runat="server" Skin="Web20">

<Calendar runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"

Skin="Web20">

</Calendar>

<DateInput runat="server" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy">

</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

</telerik:RadDatePicker>

</td>

<td align="left" width="25%">

<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

Text="Rebate Amount:"></asp:Label>

</td>

<td align="left" colspan="2" width="25%">

<telerik:RadNumericTextBox ID="RebateAmt" runat="server" Text='<%# Bind("rebate_amount") %>'

Skin="Web20" Width="70px">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td align="left" width="25%">

</td>

<td align="left" width="25%">

<asp:CheckBox ID="AgentRebApplyAllCB" runat="server" AutoPostBack="true" Font-Names="Arial"

Font-Size="X-Small" OnCheckedChanged="AgentRebApplyAllCB_CheckedChanged" Text="Apply To All Ports" />

</td>

<td align="left" width="25%">

</td>

<td align="left" colspan="2" width="25%">

<asp:Label ID="RebORLabel0" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

Text="Rate Terms:"></asp:Label>

</td>

</tr>

<tr>

<td align="left" width="25%">

<asp:Label ID="RebAPLabel" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"

Text="Applicable Port:"></asp:Label>

</td>

<td align="left" width="25%">

<telerik:RadComboBox ID="RebAppPortComboBox" runat="server" Skin="Web20">

</telerik:RadComboBox>

</td>

<td align="left" width="25%">

</td>

<td align="left" colspan="2" width="25%">

<telerik:RadComboBox ID="RebTermComboBox" runat="server" DataTextField="term_type"

DataValueField="termID" Skin="Web20" Width="150px">

<Items>

<telerik:RadComboBoxItem runat="server" Text="--" Value="0" Selected="true" />

<telerik:RadComboBoxItem runat="server" Text="Weekly" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="Monthly" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="Quaterly" Value="3" />

<telerik:RadComboBoxItem runat="server" Text="Half Year" Value="4" />

<telerik:RadComboBoxItem runat="server" Text="Yearly" Value="5" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="left" width="25%">

</td>

<td align="left" width="25%">

</td>

<td align="left" width="25%">

</td>

<td align="left" colspan="2" width="25%">

</td>

</tr>

<tr>

<td align="left" width="25%">

</td>

<td align="left" width="25%">

</td>

<td align="left" width="25%">

</td>

<td align="left" style="width: 12.5%" width="12.5%">

<telerik:RadButton ID="btnUpdate" CommandName='<%# Iif (TypeOf Container is GridEditFormInsertItem, "PerformInsert", "Update") %>'

runat="server" Skin="Web20" Text='<%# Iif (TypeOf Container is GridEditFormInsertItem, "Insert", "Update") %>'>

</telerik:RadButton>

</td>

<td align="left" style="width: 12.5%" width="12.5%">

<telerik:RadButton ID="btnCancel" runat="server" Skin="Web20" CausesValidation="false"

CommandName="Cancel" Text="Cancel">

</telerik:RadButton>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettin

Any advice "As Always" would be appriciated.

Best Regards

Cush

Grid

answered on 19 Jul 2011

7 answers

490 views

Async Upload not working under IIS - NullreferenceExeption in Compress

Hi,

I'm just playing around with the newest Version of the Rad Controls because I want to upgrade. But I can not get the async Upload working on the Server. Locally and if the browser is on the server itselve everything is working fine. But as soon as I acces the Page from outside the following Unhandled Exception is logged into the eventlog:

- Windows Server 2008
- The appPool is running in integrated mode as Networkservice.
- Networkservice has full control to the App_Data folder.
- In the Temporary Folder the full file is saved correctly
- I Switched on and off silverlight an flash AddOns on the client without a difference
- Happens in all browser (IE9 FF chrome safari) and works on all if started directly on the server...???

Any suggestions what I could have missed?

Kind regards from Germany,
Markus

Event code: 3005
Event message: An unhandled exception has occurred.
Event time: 03.07.2011 16:33:44
Event time (UTC): 03.07.2011 14:33:44
Event ID: 761ad93a40cc4dc4ab5767e64af73d63
Event sequence: 1937
Event occurrence: 6
Event detail code: 0

Application information:
    Application domain: /LM/W3SVC/16/ROOT-6-129541759904615022
    Trust level: Full
    Application Virtual Path: /
    Application Path: D:\inetpub\wwwroot\mytgaOffline.mahop.net\
    Machine name: KM35925

Process information:
    Process ID: 4132
    Process name: w3wp.exe
    Account name: NT-AUTORITÄT\NETZWERKDIENST

Exception information:
    Exception type: NullReferenceException
    Exception message: Object reference not set to an instance of an object.
   at System.Object.GetType()
   at Telerik.Web.UI.RadCompression.Compress(HttpApplication application)
   at System.Web.HttpApplication.SyncEventExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

Request information:
    Request URL: http://mytgaoffline.mahop.net/?RadUrid=d2bc3ea4-e58a-42b3-9cff-a8e1b81dcdbe
    Request path: /
    User host address: 88.217.25.192
    User:
    Is authenticated: False
    Authentication Type:
    Thread account name: NT-AUTORITÄT\NETZWERKDIENST

Thread information:
    Thread ID: 18
    Thread account name: NT-AUTORITÄT\NETZWERKDIENST
    Is impersonating: False
    Stack trace:    at System.Object.GetType()
   at Telerik.Web.UI.RadCompression.Compress(HttpApplication application)
   at System.Web.HttpApplication.SyncEventExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

Custom event details:

AsyncUpload

answered on 19 Jul 2011

5 answers

169 views

Would that be possible to Expand a DetailTable in the same column?

I have a RadGrid with a Nested table both of which have the same columns.

Currently when the expand column is clicked on an item of the MasterDetailView, the DetailTable is expanded but it is indented to the right.

Would that be possible to remove this indentation so that the DetailTable gets expanded on the same column?

I checked the generated html using FireFox and I saw that when a DetailTable is expanded a new row (<tr>) is inserted after the selected row. This new row has 2 columns and the detail table appear in its second column. The first column is just empty.

So, now what I'd need is to make the new row to have only 1 column rather than 2 columns.

Is my explanation understandable?

Thanks

Grid

answered on 19 Jul 2011

1 answer

82 views

Embedded video issue

Hi,
I am using SPRadEditor. When I open Image Manager/Media Manager the embedded video(in design mode) is visible on top of the Media Manager even thought the page behind the media manger lost focus. Anyone faced this issue?

Editor

answered on 19 Jul 2011