Questions on UI for ASP.NET AJAX Forum

3 answers

162 views

I have had multiple complaints from clients about this. The problem is that when you use mainly IE9 junk code will be added to the radeditor just by typing. I have even reproduced this in the RadEditor Demo just click into the ul (which by the way takes multiple clicks) and then press the backspace key. As soon as you do that you should see that the editor adds    (viewed by switching to source) for apparently no reason it didn't exist before pressing the backspace key and only exits after pressing the backspace key. In my editor I sometimes get 8 or 9   when pressing the backspace key. Also I have seen (usually when there is an unclosed tag) it adding between 3-8 </div> or closing tags when only one is necessary. However that is on save and then looking at the code in the editor again. I am also doing a Server.HtmlEncode(RadEditor1.Content) and storing that in the database. Let me know if there is a fix for this other than forcing IE8 compatibility mode.

Editor

answered on 16 May 2013

0 answers

197 views

Bug in RadAutocompletebox while working with webservice

I am working with radautocompletebox to fetch email addresses for a user from sharepoint userprofile.
i have a webservice method created that returns the matching email address.
the first time it works and when i search again for another user or same user whenever i type anything in the box it throws the erro called object refrence not set to an instance of object. but if i reload the page again then it works.

here is the code for my webservices and the rad autocompletebox.

//error i am getting at the browser when i type anything second time in the radautocompletebox...

SCRIPT5022: Sys.InvalidOperationException: Type Telerik.Web.UI.AttributeCollection has already been registered. The type may be defined multiple times or the script file that defines it may have already been loaded. A possible cause is a change of settings during a partial update.

ScriptResource.axd?d=QJ81aqhAwulu2hIOFMDEkrm2EPI_p5Rwn1qI6uFkGM6jPgRdNCdVCW-Ayu0H8f67BVUhz1dDf0p53SEzAsTbe86n4C8no9dnNoDIOecQwHTcrKnohckOhEi-82CZIS9S59Q-OnLMc6Zo--sMwRT5nIG_jACybbgI7netGoKwKlFGkZtn0&t=ffffffffb868b5f4, line 1717 character 42

SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited.

//web service method that returns the selected email address of the input typed in the radautcompletebox

[WebMethod]

public AutoCompleteBoxData FilterEmailaddress(RadAutoCompleteContext context)

{

string prefixText = context.Text.ToString();

List<AutoCompleteBoxItemData> result = new List<AutoCompleteBoxItemData>();

AutoCompleteBoxData dropdowndata = new AutoCompleteBoxData();

List<String> existingemailadd = UserEmailAddress();

var q = from string s in existingemailadd

where s.ToLower().StartsWith(prefixText.ToLower().Trim())

select s;

foreach (string s in q)

{

AutoCompleteBoxItemData itemdata = new AutoCompleteBoxItemData();

itemdata.Text = s;

itemdata.Value = s;

result.Add(itemdata);

}

if (result.Count > 0)

{

dropdowndata.Items = result.ToArray();

}

return dropdowndata;

}

//list returing the emailaddresses for all users from the userprofile

private List<String> UserEmailAddress()

{

List<String> emailaddress = new List<string>();

HttpContext context = System.Web.HttpContext.Current;

string protocol = context.Request.ServerVariables["HTTPS"].ToString().Equals("ON", StringComparison.CurrentCultureIgnoreCase) ? "https" : "http";

string port = context.Request.ServerVariables["SERVER_PORT"].ToString();

string server = context.Request.ServerVariables["Server_Name"].ToString();

string address = string.Format("{0}://{1}:{2}", protocol, server, port);

SPSecurity.RunWithElevatedPrivileges(delegate

{

using (SPSite site = new SPSite(address))

{

try

{

SPServiceContext servicecontext = SPServiceContext.GetContext(site);

UserProfileManager userProfileManager = new UserProfileManager(servicecontext);

foreach (UserProfile user in userProfileManager)

{

string emailadd = (string)user["WorkEmail"].Value;

emailaddress.Add(emailadd);

}

catch (Exception ex)

{

}

});

return emailaddress;

}

// Radautocompletebox in aspx

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" AllowCustomEntry="true"

DropDownHeight="150px" DropDownWidth="250px" runat="server" InputType="Text"

Filter="Contains">

<TextSettings SelectionMode="Single" />

<WebServiceSettings Path="/_layouts/WebServices/emailService.asmx"

Method="FilterEmailaddress" />

</telerik:RadAutoCompleteBox>

General Discussions

asked on 16 May 2013

5 answers

170 views

Error with Explorer Combobox

http://itweb.ca/JobSeeker/CreateNewUser.aspx

In google chrome the combobox works and in ie it does not.

Is this a bug?

Ajax

answered on 16 May 2013

1 answer

398 views

RadTreeView Selected Nodes

I have a load on demand RadTreeView displaying perfectly in my project, however only the root node and the root node's child nodes react to being selected; as in RadTreeView.GetSelectedCount returns 0 when a node is selected that is a child of a root node child node, and RadTreeView.SelectedNodes[0] throws an out of range exception in the same scenario.

Any ideas?

Thanks,
Matt

TreeView

answered on 16 May 2013

3 answers

79 views

issue with ShowFullTime property

I have this set to true however on the advanced form it still only shows time from 8am - 5:30pm.

Scheduler

answered on 16 May 2013

5 answers

144 views

[Solved] RadAsyncUpload issue with IE7

Test environment:
Telerik.Web.Design version 2011.1.413.35
Platform: Windows Server 2003 SP2, Internet Explorer 7.0 (7.0.5730.13)
Silverlight on client: version 5.1.10411.0

Inside our web application, we're using the RadAsynUpload control to show the red/green color solid dot to indicate success/failure of loading of client file(s). The following javacript has been added to disable flash and use the Silverlight

//Disable usage of flash in favor of Silverlight.

Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable =

function () { return false; };

</script>

The issue we're having is the control behavior is correct on my local machine (IE 9.0). But in the VM environment (pseudo production) as described earlier, the red dot is displayed even if the client file loaded is a small and not opened anywhere else.
The same file if I try to open in my local machine, the green dot is displayed indicating success.
Here's the additional relevent code snippet:

<telerik:RadAsyncUpload ID="RawFileRadAsyncUpload" runat="server"
                MultipleFileSelection="Automatic" Skin="Windows7" OnClientFileUploadFailed="OnClientFileUploadFailed">
                <Localization Select="Browse..." />
            </telerik:RadAsyncUpload>

Javascript:
function OnClientFileUploadFailed(sender, args) {
                    document.getElementById('<%=ErrorLabel.ClientID %>').innerHTML = args.get_message();
                    args.set_handled(true);
                }
Please advise, if we're missing anything. Thanks!

AsyncUpload

answered on 16 May 2013

2 answers

283 views

FileUploaded Event not Firing

I am updated my project to utilize the RadAsynchUpload control and cannot get the FileUploaded event to fire. I am using the control in two places, one just a page with an upload button and the other inside of a RadGrid. Everything is working fine in the RadGrid. I am able to select the file and then click the update button, where it is firing off the FileUploaded event. For some reason, this is not working in the standalone sense. I can't seem to understand what I'm missing.

<telerik:RadAsyncUpload ID="radAsyncUpload" runat="server" EnableInlineProgress="true" MaxFileInputsCount="1" OnClientFileUploaded="onClientFileUploaded" OnClientFileUploadRemoved="onClientFileUploadRemoved" PostbackTriggers="radUpload" />

<telerik:RadButton ID="radUpload" runat="server" Text="Upload" Enabled="false" CausesValidation="false" />

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function onClientFileUploaded(sender, args) {

var radUpload = $find("<%=radUpload.ClientID %>");

radUpload.set_enabled(true);

}

function onClientFileUploadRemoved(sender, args) {

var radUpload = $find("<%=radUpload.ClientID %>");

radUpload.set_enabled(false);

}

</script>

</telerik:RadScriptBlock>

AsyncUpload

answered on 16 May 2013

2 answers

139 views

confirm before event

Hi

Is there any posibility that user confirm his action before onclick method start
somethin like this

<telerik:RadButton ID="btnEdit" runat="server" OnClientClicked="ConfirmEdit" OnClick="btnEdit_Click"></telerik:RadButton>

So, I would like that in JS user confirm his action in ConfirmEdit method and after that if he clicked on 'OK' to call btnEdit_Click method on server side

Button

answered on 16 May 2013

1 answer

96 views

Invert radbutton

Hi,

Is it possible to invert a Radbutton? If possible, someone please help with a solution

Thanks,
Merlin

Button

answered on 16 May 2013

3 answers

633 views

RadTabStrip not changing the page

I am using one of the provided sample page for RADGrid.

ASPX:

<%@ Page Language="VB" MasterPageFile="~/MasterPage.Master" AutoEventWireup="false"

CodeBehind="Tenders.aspx.vb" Inherits="WebUI.Tenders" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="Server">

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

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

<!--

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

function gridCreated(sender, args) {

if (sender.get_editIndexes && sender.get_editIndexes().length > 0) {

document.getElementById("OutPut").innerHTML = sender.get_editIndexes().join();

}

else {

document.getElementById("OutPut").innerHTML = "";

}

-->

</script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgdTenders">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgdTenders" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid ID="rgdTenders" GridLines="None" runat="server" AllowPaging="True"

OnNeedDataSource="rgdTenders_NeedDataSource" AutoGenerateColumns="False" CellSpacing="0"

OnUpdateCommand="rgdTenders_UpdateCommand" OnInsertCommand="rgdTenders_InsertCommand"

OnDeleteCommand="rgdTenders_DeleteCommand" AllowSorting="true" AllowMultiRowSelection="false">

<ClientSettings Selecting-AllowRowSelect="true" />

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="TenderID"

HorizontalAlign="NotSet" AutoGenerateColumns="False" CommandItemSettings-AddNewRecordText="Add New Tender"

RetrieveDataTypeFromFirstItem="true">

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

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Nr" HeaderText="Tender Nr." SortExpression="Nr"

UniqueName="Nr" ColumnEditorID="GridTextBoxColumnEditor1" ItemStyle-Width="150px">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Tender?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" Width="20px" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings ColumnNumber="2" CaptionDataField="Nr" CaptionFormatString="Edit properties of Tender {0}"

InsertCaption="New Tender">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"

Width="100%" />

<FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<EditColumn ButtonType="ImageButton" InsertText="Insert Order" UpdateText="Update record"

UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" OnGridCreated="gridCreated" />

</ClientSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="200px" />

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor2" runat="server" TextBoxStyle-Width="400px"

TextBoxMode="MultiLine" TextBoxStyle-Height="150">

</telerik:GridTextBoxColumnEditor>

<telerik:GridDateTimeColumnEditor ID="GridDateTimeColumnEditor1" runat="server" TextBoxStyle-Width="200px" />

<br />

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Sales" PageViewID="PageView1" />

<telerik:RadTab runat="server" Text="Contact Information" PageViewID="PageView2" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" RenderSelectedPageOnly="false">

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

<div>

PageView 1</div>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2" Width="460px" BorderColor="Black"

BorderWidth="1px">

<div>

PageView 2</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

<br />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

</telerik:RadWindowManager>

</form>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Footer" runat="Server">

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="AfterBody" runat="Server">

</asp:Content>

Code:

Imports Telerik.Web.UI

Imports BAL

Imports DAL.EntityClasses

Partial Class Tenders

Inherits System.Web.UI.Page

Public Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

If Not IsPostBack Then

End If

End Sub

Public Sub rgdTenders_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgdTenders.NeedDataSource

Dim etcTenders As New DBRealated

rgdTenders.DataSource = etcTenders.GetTenders(Nothing)

End Sub

Protected Sub rgdTenders_InsertCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.InsertCommand

'Get the GridEditFormInsertItem of the RadGrid

Dim insertedItem As GridEditFormInsertItem = DirectCast(e.Item, GridEditFormInsertItem)

'Access the textbox from the edit form template and store the values in string variables.

Dim Nr As String = (TryCast(insertedItem("Nr").Controls(0), TextBox)).Text

Try

Dim etTender As New TenderEntity

etTender.Nr = Nr

Dim obj As New DBRealated

obj.SaveTender(etTender, False)

SetMessage("New Tender """ & Nr & """ has been created!", True)

Catch ex As Exception

SetMessage("Tender with Nr """ & Nr & """ could not be created!", False)

e.Canceled = True

End Try

End Sub

Public Sub rgdTenders_DeleteCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.DeleteCommand

'Get the GridDataItem of the RadGrid

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

'Get the primary key value using the DataKeyValue.

Dim TenderID As Integer = CInt(item.OwnerTableView.DataKeyValues(item.ItemIndex)("TenderID"))

Try

Dim obj As New DBRealated

obj.DeleteTender(TenderID)

SetMessage("Tender has been deleted!", True)

Catch ex As Exception

SetMessage("Tender could not be deleted!", False)

e.Canceled = True

End Try

End Sub

Public Sub rgdTenders_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.UpdateCommand

'Get the GridEditableItem of the RadGrid

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

'Get the primary key value using the DataKeyValue.

Dim TenderID As Integer = CInt(editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("TenderID"))

'Access the textbox from the edit form template and store the values in string variables.

Dim Nr As String = (TryCast(editedItem("Nr").Controls(0), TextBox)).Text

Try

Dim etTender As New TenderEntity

etTender.TenderId = TenderID

etTender.Nr = Nr

Dim obj As New DBRealated

obj.SaveTender(etTender, True)

SetMessage("Tender with Nr """ & Nr & """ is updated!", True)

Catch ex As Exception

SetMessage("Tender with Nr """ & Nr & """ could not be updated!", False)

e.Canceled = True

End Try

End Sub

Private Sub SetMessage(ByVal message As String, ByVal bIsGood As Boolean)

gridMessage = message

GoodMessage = bIsGood

End Sub

Private gridMessage As String = Nothing

Private GoodMessage As Boolean = True

Protected Sub rgdTenders_DataBound(ByVal sender As Object, ByVal e As EventArgs) Handles rgdTenders.DataBound

If Not String.IsNullOrEmpty(gridMessage) Then

DisplayMessage(gridMessage, GoodMessage)

End If

End Sub

Private Sub DisplayMessage(ByVal text As String, ByVal bIsGood As Boolean)

If bIsGood Then

rgdTenders.Controls.Add(New LiteralControl(String.Format("<span style='color:green'>{0}</span>", text)))

Else

rgdTenders.Controls.Add(New LiteralControl(String.Format("<span style='color:red'>{0}</span>", text)))

End If

End Sub

End Class

Everything thing related to the RADGrid is working fine, but RADTabStrip is not working as expected, when I select "Contact Information" which is 2nd tab page inside the RADTabStrip it is not actually selecting it and so the content of the 2nd Page "PageView 2" is also not showing.

what i am missing here? do i have to configure something in the update panel for RadTabStrip?

kindly write the code as i am new to Rad World.

TabStrip

answered on 16 May 2013