Questions on UI for ASP.NET AJAX Forum

110,740 questions

3 answers

37 views

Broken link "http://www.telerik.com/help/aspnet-ajax/single-expand-in-hierarchical-grid.html " from "http://www.telerik.com/help/aspnet-ajax/grdviewstatereductiontechniques.html"

Hi,
There is a link to "http://www.telerik.com/help/aspnet-ajax/single-expand-in-hierarchical-grid.html " from "http://www.telerik.com/help/aspnet-ajax/grdviewstatereductiontechniques.html", illustrating single expansion(single expand) on the telerik grid hierarchy.

Can we get it fixed?

Thanks and regards,
Giridhar.

Grid

answered on 29 Nov 2012

1 answer

128 views

RadAsyncUpload with custom handler fails for small files

I am using RadAsyncUpload with a custom handler based on the demo code. The handler works fine with larger files that take more than a couple seconds to upload. When uploading smaller files that upload almost instantly I get the following error in the custom handler:
Unable to cast object of type 'System.Web.HttpInputStream' to type 'System.IO.FileStream'.

Protected Overrides Function Process(ByVal myFile As Telerik.Web.UI.UploadedFile, ByVal context As HttpContext, ByVal configuration As IAsyncUploadConfiguration, ByVal tempFileName As String) As IAsyncUploadResult

Dim result As MyAsyncUploadResult = CreateDefaultUploadResult(Of MyAsyncUploadResult)(myFile)

Try

Dim userID As String = ""

Dim myConfiguration As MyAsyncUploadConfiguration = TryCast(configuration, MyAsyncUploadConfiguration)

If myConfiguration IsNot Nothing Then

userID = myConfiguration.UserID

End If

result.FileID = MySaveFile(myFile, userID)

Catch ex As Exception

Dim sRtn As String = SendErrorEmail(ex, "", "", "handler.ashx", "", "", "")

End Try

Return result

End Function

Public Function MySaveFile(ByVal upFile As Telerik.Web.UI.UploadedFile, ByVal userID As String) As String

Dim sOutputEncrypt As String = ""

Dim destinationPath As String = "C:\sitefolder\App_Data\Files\"

Try

Dim key As Byte() = CreateKey("password")

Dim IV As Byte() = CreateIV("password")

Dim sFileName As String = upFile.FileName

sOutputEncrypt = destinationPath & upFile.GetName.Replace(".", "_") & ".encrypt"

Using fStream As FileStream = upFile.InputStream 'File.Open(filename, FileMode.OpenOrCreate)

Dim RijndaelAlg As Rijndael = Rijndael.Create()

Using cStream As New CryptoStream(fStream, RijndaelAlg.CreateEncryptor(key, IV), CryptoStreamMode.Read)

Using destination As FileStream = File.Create(sOutputEncrypt)

cStream.CopyTo(destination)

End Using

Catch ex As Exception

Dim sRtn As String = SendErrorEmail(ex, "", "", "handler.ashx", "", "", "")

End Try

Return sOutputEncrypt

End Function

AsyncUpload

answered on 29 Nov 2012

3 answers

47 views

IE9 bug, Blank lines inserted on radgrid focus on textbox - IE9

Hi,



We are having an issue with rendering the radgrid in IE 9 browser. It works fine on IE8. I am using the latest telerik dll's.

The radgrid we have defined has about 50 columns, so we have it wrapped within a div and it has to scroll horizontally. The grid is always designed to be in edit mode. When you Add a New Item, and place focus on any textboxes, blank lines keep getting inserted at the footer of the radgrid.



I am able to replicate this issue in a demo project, but for some reason there is no way I can provide an attachment on this new thread. Please let me know, I can email you the demo project.



I also noticed that if I do not include asp:menu, the issue does not occur, but that is not an option for us. We are using the Menu.



Please let me know how to proceed, I have tried implementing various css based on your forums, none of them have worked so far.



Thanks,

Aditi




CSS to include



.GridDock 
{ 
    overflow-x: auto; 
    overflow-y: hidden;                        
}

Page: Default.aspx



<

div class="GridDock" id="dvGridWidth" style="width:800px;">

<telerik:RadGrid ID="RadGrid1" runat="server" Width="50%"

GridLines="None"

AutoGenerateColumns="False"

PageSize="20"

AllowPaging="True"

AllowMultiRowEdit = "True"

AllowAutomaticDeletes="True"

OnNeedDataSource="RadGrid1_NeedDataSource"

ShowStatusBar="true"

Skin="Simple"

AllowFilteringByColumn="false"

OnItemCreated="RadGrid1_ItemCreated"

OnInsertCommand="RadGrid1_InsertCommand"

OnItemCommand="RadGrid1_ItemCommand"

OnItemDataBound="RadGrid1_OnItemDataBound"

OnPreRender="RadGrid1_PreRender">

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="QuoteItemID" EditMode="InPlace" NoMasterRecordsText=""

InsertItemDisplay="Bottom" CommandItemDisplay="Top" CommandItemStyle-Wrap="false">

<FooterStyle HorizontalAlign="Left" />

<HeaderStyle HorizontalAlign="Left" />

<ItemStyle Wrap = "false" />

<CommandItemTemplate>

<asp:LinkButton ID="add" runat="server" Text="Add New Quote Item" CommandName="InitInsert" Height="20px"

Font-Underline="true" Font-Bold="true"></asp:LinkButton>

<asp:LinkButton ID="save" runat="server" Text="Add New Quote Item" CommandName="PerformInsert" Height="20px"

CssClass="underlinedLinkButton" Font-Underline="true" Font-Bold="true" Visible="false"></asp:LinkButton>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="ProductID" HeaderText="SKU" SortExpression="ProductID"

ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="false" HeaderStyle-Width="140px" ItemStyle-Width="140px">

<ItemTemplate>

<telerik:RadTextBox ID="txtVal" Width="140px"

AutoPostBack="true" runat="server"></telerik:RadTextBox>

</ItemTemplate>

<HeaderTemplate><label style="color:Red; right:2px">*</label><label>SKU</label></HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ProductLine" HeaderText="Product Line" SortExpression="ProductLine"

ItemStyle-Width="124px" HeaderStyle-Width="124px" >

<EditItemTemplate>

<telerik:RadTextBox ID="txtProductLine" Width="140px"

AutoPostBack="true" runat="server"></telerik:RadTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Capacity" HeaderText="Capacity" SortExpression="Capacity"

ItemStyle-Width="70px" HeaderStyle-Width="85px" FilterControlWidth="50px">

<EditItemTemplate>

<telerik:RadTextBox ID="txtCapacity" Width="140px"

AutoPostBack="true" runat="server"></telerik:RadTextBox>

</EditItemTemplate>

<%--<HeaderTemplate><asp:Label ID="lblReqCapacity" Text="*" CssClass="requiredFieldStyle" runat="server" /></HeaderTemplate>--%>

<HeaderTemplate><label style="color:Red; right:2px">*</label><label>Capacity</label></HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="RequestedQty" HeaderText="RequestedQty" ItemStyle-Width="80px" HeaderStyle-Width="100px" >

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtRequestedQty" runat="server" MaxLength="6" Width="80px"

DataField="RequestedQty" MinValue="0" MaxValue="999999999" >

<NumberFormat GroupSeparator="" DecimalDigits="0" AllowRounding="true"

KeepNotRoundedValue="false" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<HeaderTemplate><label style="color:Red">*</label><label>RequestedQty/ Units (K)</label></HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="TAM" HeaderText="TAM" ItemStyle-Width="80px" HeaderStyle-Width="100px">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtTAM" runat="server" MaxLength="6" Width="80px"

DataField="TAM" MinValue="0" MaxValue="999999999">

<NumberFormat GroupSeparator="" DecimalDigits="0" AllowRounding="true"

KeepNotRoundedValue="false" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<HeaderTemplate><label style="color:Red">*</label><label>TAM</label></HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="TAMPercentage" HeaderText="% of TAM" ItemStyle-Width="60px" HeaderStyle-Width="100px"

FilterControlWidth="50px">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtTAMPercentage" runat="server" Width="60px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="RequestedPrice" HeaderText="Requested Price" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtRequestedPrice" runat="server" MaxLength="6" Width="100px"

DataField="RequestedPrice" DataType="System.Decimal" Type="Number" NumberFormat-DecimalDigits="2" />

</EditItemTemplate>

<HeaderTemplate><label style="color:Red">*</label><label>Requested Price</label></HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="QtoQChange" HeaderText="Q-Q Change %" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtQtoQChange" runat="server" Width="100px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Revenue" HeaderText="Revenue ($,K)" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtRevenue" runat="server" Width="100px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Application" HeaderText="Application" ItemStyle-Width="120px" HeaderStyle-Width="120px" >

<EditItemTemplate>

<telerik:RadTextBox ID="txtApplication" runat="server" Width="120px" DataField="Application"/>

</EditItemTemplate>

<HeaderTemplate><label style="color:Red">*</label><label>Application</label></HeaderTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<asp:Label runat="server" ID="lblTest" Text="Floating Text"></asp:Label>

Page: Default.aspx.cs



using

System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using Telerik.Web.UI;

namespace GridBlankLines

{

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

{

private static string commandName;

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGrid1_PreRender(object sender, System.EventArgs e)

{

if (!IsPostBack)

{

foreach (GridItem item in RadGrid1.MasterTableView.Items)

{

if ((item is GridEditableItem) && (!(item is GridHeaderItem)))

{

GridEditableItem editableItem = item as GridDataItem;

editableItem.Edit = true;

}

RadGrid1.Rebind();

}

//to show the grid in insert mode after insert operation

if (commandName == "PerformInsert")

{

commandName = "";

RadGrid1.MasterTableView.IsItemInserted = true;

RadGrid1.Rebind();

}

protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = new DataTable();

}

protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e)

{

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

}

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.InitInsertCommandName)

{

commandName = "PerformInsert";

}

protected void RadGrid1_OnItemDataBound(object sender, GridItemEventArgs e)

{

}

Site.master page 

<

body>

<form runat="server">

<telerik:RadScriptManager EnablePartialRendering="true" EnableScriptCombine="false" ID="radScriptMgr" runat="server">

</telerik:RadScriptManager>

<div class="page">

<div class="header">

<div class="title">

<h1>

Demo App

</h1>

</div>

<div class="clear hideSkiplink">

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">

<Items>

<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>

<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>

</Items>

</asp:Menu>

</div>

<div class="main">

<asp:ContentPlaceHolder ID="MainContent" runat="server"/>

</div>

<div class="clear">

</div>

<div class="footer">

</div>

</form>

</body>

Grid

answered on 28 Nov 2012

5 answers

184 views

Radtab focus issue

I have created a page where a panel item link opens a rad tab and rad multipage. The tab shows on the first click but the page is not loaded during the first click of the panel item.But if I close the tab and re click the link it works perfectly.Any ideas???Thanks in advance.

Here's the code:

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

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

<!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>

<style type="text/css">

html, body, form

{

background: #fff;

height: 100%;

margin: 0;

padding: 0;

width: 100%;

position: absolute;

}

</style>

<script type="text/javascript">

function ReLoadWindow(url, title, width, height) {

var manager = GetRadWindowManager();

var cWindow = manager.getActiveWindow();

if (cWindow != null)

cWindow.close();

var oWindow = radopen(url, null);

oWindow.SetSize(width, height);

oWindow.MoveTo(195, 150);

oWindow.set_title(title);

oWindow.add_pageLoad(function () { oWindow.set_status(" "); });

}

</script>

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<script type="text/javascript">

var tabStrip1;

function OnClientLoad() {

tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');

for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {

AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");

}

function addtab(url, text) {

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(text + tabStrip1.get_tabs().get_count());

tabStrip1.get_tabs().add(tab);

tab.select();

AttachCloseImage(tab, "Images/Icons/close.png");

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

multiPage.trackChanges();

var pageView = new Telerik.Web.UI.RadPageView();

multiPage.get_pageViews().add(pageView);

pageView.set_contentUrl(url);

multiPage.commitChanges();

// pageView.get_element().innerHTML = "PageView1";

}

function CreateCloseImage(closeImageUrl) {

var closeImage = document.createElement("img");

closeImage.src = closeImageUrl;

closeImage.alt = "Close this tab";

return closeImage;

}

function AttachCloseImage(tab, closeImageUrl) {

var closeImage = CreateCloseImage(closeImageUrl);

closeImage.AssociatedTab = tab;

closeImage.onclick = function (e) {

if (!e) e = event;

if (!e.target) e = e.srcElement;

deleteTab(tab);

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

return false;

}

tab.get_innerWrapElement().appendChild(closeImage);

}

function deleteTab(tab) {

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

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip.get_tabs().remove(tab);

if (tabToSelect)

tabToSelect.set_selected(true);

}

</script>

<%-- <script type="text/javascript">

function pageLoad() {

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

multiPage.trackChanges();

var pageView = new Telerik.Web.UI.RadPageView();

multiPage.get_pageViews().add(pageView);

pageView.get_element().innerHTML = "PageView1";

multiPage.commitChanges();

}

</script>--%>

<div class="page">

<div class="header01">

<div class="head_top">

<div class="homeicon">

<asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx">

<asp:Image ID="Homeicon" runat="server" BorderWidth="0px" ImageUrl="~/Images/home.png"/>

</asp:HyperLink>

</div>

<div class="side01">

<label class="text02">XERP</label>

</div>

<div class="side02">

<telerik:RadMenu runat="server" Skin="">

<Items>

<telerik:RadMenuItem CssClass="dropdowntop">

<ItemTemplate>

<div class="dropdownside01">

<label class="text01">Hi! Rezwanul Huq</label>

<label class="text01">Wed 15, Oct 2012 15:12</label>

</div>

<div class="dropdownside02">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/>

</div>

</ItemTemplate>

<Items>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownText01">

<asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div class="bottom">

<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"

ResizeMode="EndPane">

<telerik:RadPane ID="RadPane1" runat="server" Width="230px" CssClass="menu" Scrolling="Y">

<div style="height:4%; margin:3px 1px 0px 3px;">

<telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="175px">

</telerik:RadTextBox>

<telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >

<Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />

</telerik:RadButton>

</div>

<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"

CssClass="radpanelbar" Width="233px" height="95.5%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">

<Items>

<telerik:RadPanelItem runat="server" Target="MainPane" Text="Company Setup" onclick="ReLoadWindow('UserHome.aspx','User Management',750,500)">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" onclick="addtab('Test.aspx','Bank')" Text="Bank">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx"

Target="MainPane" Text="Employee">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx"

Target="MainPane" Text="Items">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"

Target="MainPane" Text="User">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"

Target="MainPane" Text="Change Password">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" Height="100%" >

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

SelectedIndex="0" onclientload="OnClientLoad" >

<Tabs>

<telerik:RadTab Text="Dashboard">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

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

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" ContentUrl="UserHome.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

<script type="text/javascript">

function pageLoad() {

var $ = $telerik.$;

var height = $(window).height();

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

var totalHeight = height - 100;

multiPage.get_element().style.height = totalHeight + "px";

}

</script>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadWindowManager Visible="true" ID="Singleton" CssClass="body_bg" EnableAjaxSkinRendering="true" Behavior="Default" VisibleOnPageLoad="false" runat="server" >

<Windows>

<telerik:RadWindow VisibleOnPageLoad="false" CssClass="body_bg" OffsetElementID="MapPane" Modal="false" Left="0px" Top="20px" Width="450px" Height="500px" Behavior="default" NavigateUrl="Widgets/CreateUser.aspx" runat="server" ID="CreateUser" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

TabStrip

answered on 28 Nov 2012

6 answers

106 views

RadRotator - Random Hanging on Mouseover

Good afternoon--

The RadRotator is working well in a SlideShow / Two Custom Button setup, except at random times on mouseover, the slideshow seems to "hang" for longer than FrameDuration. At this point, the two custom buttons are unresponsive and the next slide does not advance for 5-6 seconds. The slideshow then resumes, and another "hang" will happen at another random time on mouseover.

Is there something I can change to prevent this behavior?

Code is provided below.

Thanks
-Justin

<div id="notifications">

<telerik:RadRotator

ID="rtrNotifications"

runat="server"

RotatorType="SlideShow" Height="15"

FrameDuration="3000"

SlideShowAnimation-Type="Fade"

SlideShowAnimation-Duration="2000"

PauseOnMouseOver="true"

Width="767"

ItemWidth="767"

ItemHeight="15"

>

<ItemTemplate>

<a href='<%# _appRoot %>/secure/notifications/NotificationDetail.aspx?id=<%# Eval("ID").ToString() %>'>

<%# System.Web.HttpUtility.HtmlEncode(Eval("Heading").ToString()) %>

</a>

</ItemTemplate>

<ControlButtons />

</telerik:RadRotator>

</div>

<div id="notifyButtons">

<a href="#" class="rrButtonLeft" style="display:block"

onclick="showNextItem(this, $find('<%= rtrNotifications.ClientID %>'), Telerik.Web.UI.RotatorScrollDirection.Left); return false;">

</a>

<a href="#" class="rrButtonRight" style="display:block"

onclick="showNextItem(this, $find('<%= rtrNotifications.ClientID %>'), Telerik.Web.UI.RotatorScrollDirection.Right); return false;"

> </a>

</div>

<script type="text/javascript">

function showNextItem(clickedButton, rotator, direction) {

rotator.showNext(direction);

}

</script>

Rotator

answered on 28 Nov 2012

6 answers

308 views

Auto-sizing controls/content in a RadDock

Hello,

I have dynamically generated RadDocks that are loading user controls (ascx). Inside one Dock is a user control with a RadScheduler and in another Dock is a user control with a RadGrid. I am unable to get the Scheduler or the Grid to expand to fit 100% in height and Width within the Dock when the page first renders. If I make some sort of request in the control (such as changing the view in the Scheduler) or if I "Restore" the Browser itself, however; it automatically adjusts correctly. I have tried setting the Scheduler and the Grid's Height and Width properties to 100%, as well as wrapping them in a DIV with the same properties set, yet they do not adjust on their own without intervention.

Here is an image of the initial behavior I am experiencing:

Thanks for the help.

Steve

Dock

answered on 28 Nov 2012

3 answers

296 views

Loading multiple versions of the Telerik.web.ui.skin assemble

We have two websites, one running off the root as the parent website and the 2^nd website running in a standard subdirectory as a child application. For other technical reasons, we have to run the child application in a standard subdirectory and not as a virtual or application directory. We are using the probing statement to reference the childapp bin directory

<runtime>

<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">

<probing privatePath="bin;Childapp\bin"/>

</assemblyBinding>

</runtime>

To test this problem out I wrote two small “hello world” applications. The parent application is using version 2012.3.1016.40 and the child application is running 2012.1.411.40. I only have the telerik.web.ui.dll and telerik.web.ui.skin.dll assemblies referenced and have tried setting the “specific version” property on the respective assemblies.

Below is the parent webpage

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

<%@ Register Assembly="Telerik.Web.UI, Version=2012.3.1016.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik3" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<telerik3:RadButton ID="RadButton1" runat="server" Text="RadButton1" OnClick="RadButton1_Click" EnableEmbeddedSkins="true" Skin="Forest" ></telerik3:RadButton>

</div>

</form>

</body>

</html>

Below is the child webpage

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

<%@ Register Assembly="Telerik.Web.UI, Version=2012.1.411.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik1" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<telerik1:radbutton runat="server" text="RadButton" OnClick="RadButton1_Click" Skin="Hay" ></telerik1:radbutton>

</div>

</form>

</body>

</html>

<%-- --%>

When viewing the first website (parent or child), the page renders perfectly. When going to the other website, it generates the following error.

Telerik.Web.UI.RadButton with ID='RadButton1' was unable to find an embedded skin with the name 'Forest'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

Is there a way to explicitly tell what skin assembly to use? Is there a way to handle this situation?

General Discussions

answered on 28 Nov 2012

3 answers

469 views

RadAsyncUpload client side validation

hello.. i am using RadAsyncUpload to upload my client files i want 2 check if the current uploaded file size is larger then the maximum allowed file size i want 2 display my validation label without making that file appear in the progress area like appearing in the second image

AsyncUpload

answered on 28 Nov 2012

4 answers

210 views

HeaderTemplate vertical alignment

Hello, When RadListBox is empty HeaderTemplate is vertically aligned to center by default and I was not able to find a way to place it at the top of the RadListBox. Once the list box is populated it goes to the top...

How can I make the HeaderTemplate align to top and why is it center aligned vertically by default?

Thanks.

ListBox

answered on 28 Nov 2012

3 answers

252 views

Asyncfileupload lose the data if your didnt initiate postback right after the upload is completed

Hi,

I am using Asyncfileupload, and it work perfect but i have a case where the asyncfileupload fail to store the images after initiating postback. below is the scenario

1- fill the form
2- browse the images,... images are uploading
3- wait for one minute then click submit to save the images, save the form data

result:
1- the form has been saved successfully
2- images never saved, it is like you didnt upload any images at all

AsyncUpload

answered on 28 Nov 2012

Top users last month