Questions on UI for ASP.NET AJAX Forum

6 answers

140 views

Hi all,

We have just started using the Telerik controls and I have a quick question on how to set the minHeight on the RadMultiPage control. I have it linked to my tab strip and as the user navigates from tab to tab, it load a new page (using the ContentUrl) into the corresponding RadPageView. I would like to set the minHeight of the RadMultiPage control to a given value, but I can't seem to figure out how to do this. Does anyone have any ideas how this could be accomplished?

Thanks,
J. E.

TabStrip

answered on 25 May 2011

1 answer

145 views

Uploading Duplicated?

Hi,

I have the async upload working in grids, with saving to disk, sql or Azure. Everything works great.

When I upload to Azure though, it seems the progress bar is for the progress of the temp file going to server, then it takes the same amount of time with the blinking yellow light, to complete the upload to Azure.

Is this normal? Or can I bypass the temp file going to the web server and go straight to Azure ?

Thanks
Eric

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1"

OnClientFilesUploaded="filesUploaded" HttpHandlerUrl="~/AzureHandler.ashx"

MultipleFileSelection="Automatic" Width="300px">

</telerik:RadAsyncUpload>

public class AzureHandler : AsyncUploadHandler, System.Web.SessionState.IRequiresSessionState

{

protected override IAsyncUploadResult Process(UploadedFile file, HttpContext context, IAsyncUploadConfiguration configuration, string tempFileName)

{

SampleAsyncUploadResult result = CreateDefaultUploadResult<SampleAsyncUploadResult>(file);

SampleAsyncUploadConfiguration sampleConfiguration = configuration as SampleAsyncUploadConfiguration;

string container = null;

if (sampleConfiguration != null)

{

container = sampleConfiguration.ContainerName;

result.ImageID = InsertImage(file, container, sampleConfiguration.MetaTags);

}

// Populate any additional fields into the upload result.

// The upload result is available both on the client and on the server

return result;

}

public int InsertImage(UploadedFile file, string containerName, string metaTags)

{

AzureAcess.UploadToCloud(containerName, file, metaTags);

return 0;

}

AsyncUpload

answered on 25 May 2011

4 answers

238 views

TabStrip and PageView border top issue in Internet Explorer 7

Hi,

I am working in a tabbed layout, where i am facing an issue with the PageView border top and TabStrip intersecting area, The PageView border top is displaying under the selected tab too, I need to hide this border displaying under selected tab, I find this issue only in Internet Explorer lower version like 6,7.

I find this issue in the telerik demo's too, please find the screenshot attached, and let me know the solution as soon as possible.

Thanks & Regards,
Giri

TabStrip

answered on 25 May 2011

1 answer

42 views

Strange radGrid or radWindow behavior

i just upgraded our main project to the latest version (the one from 5.19 in case a new one comes out in the next few days) of the asp.net ajax controls. We also upgraded to Visual Studio 2010 and windows7 64bit development machines. Everything seems to be working fine except on one page we have rad grid commands set to open rad windows via javascript. We've opened radwindows that way in other places on the site and everything works fine, but when we use them from the grid(which is using the needDataSource event) we get 3 commands then the entire page stops responding. if i click the edit button(which opens a rad window) and close the window after the 3rd time no button on the page will work. but IE 8 still runs fine and nothing seems to be taking a large amount of memory or processor time.

I thought it might be due to a problem with my machine, but i copied it out to our dev server which is windows 2003 and IIS6 and it has the same problem. Currently the windows call a function to rebind the grid on close, i've tried removing it but it had no effect. Any suggestions would be welcome, i havent seen anything in the change log that looks like it cause something like this but i may have missed a version. I can try to post some code snipets if necessary, but i dobut i'll be able to post the page in its entirety.

Grid

answered on 25 May 2011

5 answers

206 views

RadAjaxLoadingPanel is not getting displayed with RadGrid

Hi,
I am using 2009.3.1103.20 version of Telerik Controls, Visual studio 2008.

My problem is that with one of my webpage, RadAjaxLoadingPanel is not getting displayed with RadGrid. On rest of the pages its displayed perfect when its rendering or while paging.

This is my ASP.Net Website. I have a Master page also where I have RadAjaxManager, RadScriptManager and RadStyleSheetManager. All of my webpages have master page defined as this master page.

Now on one of my webpage where I have Telerik:RadGrid, I implemented this RadAjaxLoadingPanel and its getting displayed correctly when I click on any page number. Now on my second page there is some problem where LoadingPanel is not getting displayed.
Some more details, on this page, I have so many different RadControls like I have RadCombo, RadWindow, RadWindowManager, RadToolBar, RadTabStrip, RadMultiPage, RadGrid, RadUpload, RadNumericTextBox etc. This is kind of big form. Now I have RadGrid on this page where I want to display loadingpanel when its rendering or refreshing or doing something.
I applied the same code which is working on other page but somehow loadingpanel is never getting displayed on this grid.
So can you tell me what's wrong in here as the same loadingpanel is working on other page, the only difference between these two page is that the page where its working does not have too many controls like this page.
Here is the simple Code I am trying.

<telerik:RadAjaxManagerProxy runat="server" ID="AjaxManagerProxy1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridAllRequests">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="0"

Skin="WebBlue" MinDisplayTime="1000" EnableAjaxSkinRendering="true" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridAllRequests">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<telerik:RadComboBox runat="server"

ID="DdlSelectOption" AutoPostBack="true" Width="600px" ToolTip="Select any option here to view Spending Requests history with different status"

Skin="Hay" Font-Bold="true" CausesValidation="false" ValidationGroup="none"

OnSelectedIndexChanged="DdlSelectOption_SelectedIndexChanged">

</telerik:RadComboBox>

<div class="Scrollgrid" style="width: 1030px; height: 350px;">

<telerik:RadGrid ID="RadGridAllRequests" runat="server" AllowPaging="true" AllowSorting="true"

AllowFilteringByColumn="true" AutoGenerateColumns="False" BorderStyle="None"

GridLines="Both" OnNeedDataSource="RadGridAllRequests_needdatasource" OnItemDataBound="RadGridAllRequests_ItemDataBound"

OnItemCreated="RadGridAllRequests_ItemCreated" OnItemCommand="RadGridAllRequests_ItemCommand"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" Width="100%"

Skin="WebBlue">

</telerik:RadGrid>

</div>

</asp:Panel>

Please suggest me for this.
Thanks in advance,

Grid

answered on 25 May 2011

1 answer

118 views

Set Image focus on mouseover

Hi,

I am displaying couple of images inside the RadRotator. The RotatorType is Carousel. I want to set the image focus when the user mouseover any image inside the RadRotator. The OnClientMouseOver method works only when I mouseover any other control in my page and then mouseover the RadRotator Item (which in this case is an Image).

How do I fix this problem? I want the ability to set the currentItemIndex as soon as the I mouseover any item(s) within the RadRotator.

Thanks for your help.

Keyur

Rotator

answered on 25 May 2011

1 answer

123 views

RadTextbox not getting recognized

Hi,

Am using the Radcontrols in the Asp .Net web application. In the login page i have Rad text boxes to accept the Login ID and Password. I have deployed the application in the 2008 windows server, ASP .Net 4.0 framework,
The RAD controls are not getting recognized and it resambles as a regular text box. and more over when entring the login id and the password and submitting, the values from the texboxes are considered and empty value is been passed to the server.
also getting the following script error

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E)
Timestamp: Wed, 25 May 2011 14:09:07 UTC

Message: 'Sys' is undefined
Line: 70
Char: 1
Code: 0
URI: http://localhost:8080/PRWeb/

Message: Object expected
Line: 201
Char: 9
Code: 0
URI: http://localhost:8080/PRWeb/

also attaching the image, Pls. help me to resolve the issue.

Thanks
Jidesh

General Discussions

answered on 25 May 2011

2 answers

274 views

Filter menu appearing behind Radgrid

I have a LinkButton that i am using to activate a tooptip that is displaying a RadGrid of items. When i try to filter the items in the Radgrid the filter menu displays behind the grid. Any help would be appreciated.
A gif of what it looks like is attached.
Code snippets are below.

Markup:

<%@ Register Src="~/Controls/FavoritesTooltip.ascx" TagName="OrderStatusTooltip" TagPrefix="ost" %>

...

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Position="BottomLeft"

RelativeTo="Element" ShowEvent="OnClick" HideEvent="ManualClose" Animation="Fade"

OnAjaxUpdate="OnShowDeletedItems" Width="225px"

Style="font-size: 18px; text-align: left; font-family: Arial;">

<TargetControls>

<telerik:ToolTipTargetControl TargetControlID="btnShowDeletedItemsTop" />

<telerik:ToolTipTargetControl TargetControlID="btnShowDeletedItemsBottom" />

</TargetControls>

</telerik:RadToolTipManager>

...

<asp:Panel ID="pnlDeleteItemsLinkTop" runat="server" Visible="true">

<p style="float:left">

<asp:LinkButton ID="btnShowDeletedItemsTop" runat="server" CssClass="button_b">

<span><%= DeletedItemsPrompt %></span>

</asp:LinkButton>

</p>

</asp:Panel>

Code Behind:

protected void OnShowDeletedItems(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)

{

if (e.TargetControlID == "btnShowDeletedItemsBottom")

RadToolTipManager1.Position = Telerik.Web.UI.ToolTipPosition.TopLeft;

System.Web.UI.Control ctrl = Page.LoadControl("~/Controls/FavoritesTooltip.ascx");

e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl);

StringBuilder sb = new StringBuilder();

if (!CurrentList.Description.IsNullOrWhiteSpace())

sb.AppendFormat("{0}'s ", CurrentList.Description);

sb.Append("Deleted Items");

Controls_FavoritesTooltip tooltip = (Controls_FavoritesTooltip)ctrl;

tooltip.FavoritesID = CurrentList.Id;

tooltip.FavoritesDescription = CurrentList.Description;

tooltip.Heading = sb.ToString();

}

User Control Markup:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="FavoritesTooltip.ascx.cs" Inherits="Controls_FavoritesTooltip" %>

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

<div id="Tooltip" class="tooltip">

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

<div class="header" id="HeaderContent" runat="server">

<h4 style="color: White;">

<%= Heading %>

</h4>

</div>

<telerik:RadGrid ID="rgDeletedFavoriteItems" runat="server" ShowFooter="True" EnableEmbeddedSkins="false"

GridLines="Both" AllowSorting="True" AutoGenerateColumns="false" Skin="ECISkin" st

AllowFilteringByColumn="true" AllowPaging="true" PageSize="20">

<GroupingSettings CaseSensitive="false" />

<PagerStyle Mode="NumericPages" />

<MasterTableView DataKeyNames="OldItemCompany,OldItemNumber" NoMasterRecordsText="No Items Found">

<Columns>

<telerik:GridBoundColumn DataField="OldItemCompany" SortExpression="OldItemCompany"

HeaderText="Item Company" UniqueName="OldItemCompany" FilterControlWidth="40px"

ConvertEmptyStringToNull="false">

<ItemStyle Width="40px" HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OldItemNumber" SortExpression="OldItemNumber"

HeaderText="Item Number" UniqueName="SiteAccount" FilterControlWidth="80px"

ConvertEmptyStringToNull="false">

<ItemStyle Width="80px" HorizontalAlign="Left" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Panel>

</div>

User Control Code Behind:

public partial class Controls_FavoritesTooltip : System.Web.UI.UserControl

{

private Guid _favoritesID = Guid.Empty;

private string _favoritesDescription = String.Empty;

private string _heading = String.Empty;

public Guid FavoritesID

{

get { return _favoritesID; }

set { _favoritesID = value; }

}

public string FavoritesDescription

{

get { return _favoritesDescription; }

set { _favoritesDescription = value; }

}

public string Heading

{

get { return _heading; }

set { _heading = value; }

}

#region OnInit

protected override void OnInit(EventArgs e)

{

rgDeletedFavoriteItems.NeedDataSource += rgDeletedFavoriteItems_NeedDataSource;

base.OnInit(e);

}

#endregion

protected override void OnLoad(EventArgs e)

{

if (Heading.IsNullOrWhiteSpace())

Heading = FavoritesDescription;

base.OnLoad(e);

}

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

{

string lastSku = string.Empty;

List<FavoritesFactory.ChangedFaveItem> deletedList = new List<FavoritesFactory.ChangedFaveItem>();

using (SqlCommand command = new SqlCommand("[dbo].[usp_ItemListDetailLogGetList]") { CommandType = CommandType.StoredProcedure })

{

command.Parameters.Add(new SqlParameter("@ItemListID", SqlDbType.UniqueIdentifier)).Value = FavoritesID;

command.Parameters.Add(new SqlParameter("@ActionID", SqlDbType.VarChar)).Value = 6; // delete actionid

using (SqlBuilder sqlBuilder = new SqlBuilder())

using (SafeDataReader reader = new SafeDataReader(sqlBuilder.ExecuteReader(command)))

while (reader.Read())

{

FavoritesFactory.ChangedFaveItem cfi = new FavoritesFactory.ChangedFaveItem

{

NewItemCompany = reader.GetString("NewItemCompany"),

NewItemNumber = reader.GetString("NewItemNumber"),

OldItemCompany = reader.GetString("OldItemCompany"),

OldItemNumber = reader.GetString("OldItemNumber")

};

if (lastSku != cfi.OldSku)

{

lastSku = cfi.OldSku;

deletedList.Add(cfi);

}

rgDeletedFavoriteItems.DataSource = deletedList;

}

ToolTip

answered on 25 May 2011

4 answers

135 views

Issue with data entry in RadMaskedTextBox. Cursor moves to end of mask.

Hi,

Has anyone else got a problem with entering data into a RadMaskedTextBox in IE6 with the latest version of the controls (Version: 2011.1 413 (Apr 13, 2011))?

What it's doing is when ever I hit the first number key it moves the cursor to the end of the mask. I then have to cursor key back to the second character entry and repeat until I've filled in the require data. The data it's taking is time entry i.e. 09:00-12:00 with a mask of ##:##-##:##

To replicate just drop a RadMaskedTextBox to a page (with a RadScriptManager), and configure as below.

Default.aspx

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

</telerik:RadScriptManager>

<telerik:RadMaskedTextBox ID="txtShift" runat="server" MaxLength="11" Width="60px" Mask="##:##-##:##" SelectionOnFocus="SelectAll" >

</telerik:RadMaskedTextBox>

This will allow you to repeat it in IE6. This does not happen in IE8, or IE9.

Regards
Nick

Input

answered on 25 May 2011

3 answers

142 views

RadRotator : Problem with button mode & WrapFrames = false

Hi,

I found a strange behavior using your example here : http://demos.telerik.com/aspnet-ajax/rotator/examples/default/defaultcs.aspx

Take the 'Buttons' rotatortype and untick the WrapFrames box (WrapFrames="false")

As you can see, you can only see 8 pictures, the last 2 won't show.

Now take the 'ButtonsOver' rotatortype, and you will be able to see all the pictures (10).

It seems that the last frame is never shown in buttons mode in some cases :

If you set Width (px) : 364px (value for 3 pictures + navigating arrows in your example), you will see the first 3 pictures on page load, then 4 to 6 on first click, then 7 to 9 on second click, but you will not see the last picture : if the last frame is not entirely 'filled', its not shown.

Is there something I don't set up correctly ?

Thank You
Arnaud

Rotator

answered on 25 May 2011