Questions on UI for ASP.NET AJAX Forum

0 answers

51 views

I can go throught the filtered items with 'up' and 'down' keys, but i want to select an item with 'TAB' key, is that possible? 'ENTER' key is doing postback...

General Discussions

asked on 17 Jan 2013

1 answer

164 views

Upload behavior under ssl.

I am getting different behavior when using the async upload in SSL. In SSL, It errors and gives a 413 error for any file that is over 1 MB. When I try it on a non ssl area, the file uploads fine. Are there different settings under SSL that's preventing me from uploading larger files? If so how do I change them?

Here's the code I'm using.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._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>

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script type="text/javascript" >

// $(document).ready(function() {

// if (!$telerik.$ == true)

// $telerik.$ = jQuery;

// });

function OnClientValidationFailed(sender, args) {

var fileExtention = args.get_fileName().substring(args.get_fileName().lastIndexOf('.') + 1, args.get_fileName().length);

if (args.get_fileName().lastIndexOf('.') != -1) {//this checks if the extension is correct

// if (sender.get_allowedFileExtensions().indexOf(fileExtention)) {

// alert(args.get_message());

// alert("Wrong Extension!");

// }

// else {

// alert("Wrong file size!");

// }

alert("File is over the limit or extension is not allowed.");

}

else {

alert("not correct extension!");

}

// var $ = $telerik.$;

function OnClientFileUploadFailed(sender, args) {

if (args.get_message() == "error") {

args.set_handled(true);

}

function submitPage() {

//finds all file uploads that are currently in progress

var isUploadComplete = true;

var uploadingRows = $(".RadAsyncUpload").find(".ruUploadProgress");

//iterates and checks is there any file uploads that are successfully completed or failed and if yes - pop-up an alert box and prevent page submitting

for (var i = 0; i < uploadingRows.length; i++) {

if (!$(uploadingRows[i]).hasClass("ruUploadCancelled") && !$(uploadingRows[i]).hasClass("ruUploadFailure") && !$(uploadingRows[i]).hasClass("ruUploadSuccess")) {

alert("you could not submit the page during upload :)");

isUploadComplete = false;

break;

}

return isUploadComplete;

}

</script>

</head>

<body>

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

<div>

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

<script type="text/javascript">

Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function() { return false; };

Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function() { return false; };

</script>

</telerik:RadScriptBlock>--%>

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

</telerik:RadScriptManager>

<telerik:RadAsyncUpload ID="ruReady" runat="server" TemporaryFolder="TempUpload" MaxFileInputsCount="5" TemporaryFileExpiration="02:00:00" MaxFileSize="105906176" PostbackTriggers="LinkButton2" OnClientValidationFailed="OnClientValidationFailed" OnClientFileUploadFailed="OnClientFileUploadFailed" MultipleFileSelection="Automatic"></telerik:RadAsyncUpload>

<asp:LinkButton ID="LinkButton1" runat="server" >Test</asp:LinkButton>

<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="return submitPage();" >Test2</asp:LinkButton>

</div>

<br/>

<asp:Literal ID="litPath" runat="server"></asp:Literal>

</form>

</body>

</html>

Codebehind:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim strUploadPath = Server.MapPath("~/TestUpload/")

litPath.Text = strUploadPath

End Sub

Protected Sub FileUploaded() Handles ruReady.FileUploaded

'nothing here at the moment

End Sub

Protected Sub LinkButton2_Click(ByVal sender As Object, ByVal e As EventArgs) Handles LinkButton2.Click

If Page.IsPostBack Then

UploadFile(ruReady, 1)

End If

End Sub

Private Sub UploadFile(ByVal AsyncUpload As Telerik.Web.UI.RadAsyncUpload, ByVal iID As Long)

'Dim strUploadPath = "E:\AsyncUploadApp\WebApplication1\WebApplication1\TestUpload\"

Dim strUploadPath = Server.MapPath("~/TestUpload/")

If AsyncUpload.UploadedFiles.Count > 0 Then

For Each file As Telerik.Web.UI.UploadedFile In AsyncUpload.UploadedFiles

Dim strGUID As String

strGUID = Guid.NewGuid.ToString

Dim count As Integer = 0

Dim strOriginalFileName As String = file.GetNameWithoutExtension.Replace(" ", "_") '.Replace("'", "").Replace("&", "and")

Dim strFileGUIDName As String = strGUID & "_" & strOriginalFileName & file.GetExtension

'Dim strFileFullPath As String = Path.Combine(strUploadPath, strFileGUIDName)

Dim strFileFullPath As String = strUploadPath & strFileGUIDName

'Using Hosting.HostingEnvironment.Impersonate

count += 1

file.SaveAs(strFileFullPath, True)

'End Using

Next

End If

'ruReady.Dispose()

End Sub

AsyncUpload

answered on 17 Jan 2013

2 answers

82 views

Customizing Chart Title

Hi,

I am using rad chart in my page. i need to show chart title like this,
Topic: Enrollment Region: West

How to do this????

Let me know ... Urgent...

Thanks
Prasanna.

Chart (Obsolete)

answered on 17 Jan 2013

1 answer

246 views

RadpanelBar and javascript

Hi,

Can you explain the reason for error “Microsoft JScript runtime error: '_transitionAnimationIsInProgress' is null or not an object”. Below is the scenario.

I have a radpanelbar inside a page along with a link button. Link button act as a ‘content’ toggle button for radpanelbar. To load panelItems and sub items initially,I use pageload() client script. When user click link button, existing items gets removed and a new set get added. Clicking again link button bring back old contents. This work fine. The issue mentioned at the beginning happen when I click link button after selecting any subItem.

To reproduce the same, please try following on sample below. After page comes up (u can see Hardware on top), expand ‘configuration’ and click any sub items for eg. ‘custodians’. Now click ‘S/w Inventory’ and try to expand any panel item. =========================================================================================================

<% @ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="TelerikTotorial._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"> </asp:ScriptReference><asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

function addPanelBar(panel, name, url) {

panelItem = new Telerik.Web.UI.RadPanelItem();

panelItem.set_text(name);

panel.get_items().add(panelItem);

return panelItem; }

function resetPanelBar(panelBar) {

var panelCount = panelBar.get_items().get_count();

for (var count = panelBar.get_items().get_count(); count > 1; count--) {

panelBar.get_items().removeAt(count - 1);

}

function loadHardware() {

var panelItem;

var panelSubItem;

document.getElementById('MainContent_lblInvType').innerHTML = "HARDWARE";

document.getElementById('MainContent_lnkSwitch').innerHTML = "<span style='font-size: 10px; font-family: Arial; color:#696969;'>S/W Inventory</span>";

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

panelBar.trackChanges();

resetPanelBar(panelBar);

panelItem = addPanelBar(panelBar, "Dashboard", "");

addPanelBar(panelItem, "Quick Search", "");

panelItem = addPanelBar(panelBar, "Reports", "");

panelItem = addPanelBar(panelBar, "Configuration", "");

addPanelBar(panelItem, "Asset Type", "");

addPanelBar(panelItem, "Custodians", "");

addPanelBar(panelItem, "Stores", "");

panelBar.commitChanges();

}

function loadSoftware() {

var panelItem;

var panelSubItem;

document.getElementById(

'MainContent_lblInvType').innerHTML = "SOFTWARE";

document.getElementById('MainContent_lnkSwitch').innerHTML = "<span style='font-size: 10px; font-family: Arial; color:#696969;'>H/W Inventory</span>";

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

panelBar.trackChanges();

resetPanelBar(panelBar);

panelItem = addPanelBar(panelBar, "Purchase", "");

addPanelBar(panelItem, "Purchase Order", "");

addPanelBar(panelItem, "Invoice", "");

panelItem = addPanelBar(panelBar, "Dashboard", "");

addPanelBar(panelItem, "License Expiry", "");
panelItem = addPanelBar(panelBar, "Reports", "");

panelItem = addPanelBar(panelBar, "Configuration", "");

addPanelBar(panelItem, "Publishers", "");

addPanelBar(panelItem, "Vendors", "");

addPanelBar(panelItem, "Locations", "");

addPanelBar(panelItem, "Vendors", "");

panelBar.commitChanges();

}

function toggleInventory() {

var curLocation = document.getElementById('MainContent_lnkSwitch').innerHTML;

if (curLocation.search("H/W") > 0)

loadHardware();

else

loadSoftware();

}

function pageLoad() {

loadHardware();

};

</script> <h2>

Welcome to ASP.NET!

</h2>

<p>

To learn more about ASP.NET visit

www.asp.net

</a>.

</p>

<telerik:RadSplitter ID="radSplitter1" runat="server" Height="100%" Width="100%"BorderSize="0" BorderStyle="Solid" BorderWidth="1px" FullScreenMode="True" PanesBorderSize="0" SplitBarsSize="">

<telerik:RadPane ID="navigationPane" runat="server" Width="180" Locked="true">

<table border="0" cellspacing="3" width="95%"> <tr><td></td><td> <span style="color: #000000"><asp:Label ID="lblInvType" runat="server"> HARDWARE</asp:Label></span></td></tr> <tr><td colspan="2" align="right">

<asp:LinkButton runat="server" ID="lnkSwitch" OnClientClick="toggleInventory(); return false;"><span style="font-size: 10px; font-family: Arial; color:#696969;">S/W Inventory</span></asp:LinkButton>

</td></tr></table>

</div>

<br />

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="SingleExpandedItem"Width="99%" BackColor="#D9D9D9"> <Items> <telerik:RadPanelItem Expanded="True" Text="Inventory" BackColor="#D9D9D9" ID="panelInventory"> <Items> <telerik:RadPanelItem Text="test"> <ItemTemplate> </ItemTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="None" Height="100%" />

<telerik:RadPane ID="contentPane" runat="server" Height="100%" ContentUrl="about:blank">

</telerik:RadPane> </telerik:RadSplitter>

</asp:Content>

========================================================================
Regards
Madhu

PanelBar

answered on 17 Jan 2013

1 answer

81 views

How can I display the top of my child items in my menu?

I am using css with my menu that has 30 child items in it and the top ones do not show when i scroll to the top of page. How can I get the child menu items to display using css rather than tuck under the browser area?
thanks.

Menu

answered on 17 Jan 2013

1 answer

88 views

radMenu Z Index - menu vs dropdown

I have an issue - and I'm curious on the best way to fix.
I have a radMenu in a radSplitter. The splitter has SlidingPanes on the right side - and, by defaut, when the slidingpanes expand the menu appears on top. If I change the sliding pane z index so it appears on top - this is corrected but when the menu dropdowns expand and the sliding pane is "docked" on the side - the menu dropdown is partially hidden if it expans to the right.

Basically I need to set the radMenu to one z-index and the dropdown to another (I think.)

How should this be handled.

Menu

answered on 17 Jan 2013

1 answer

103 views

Hours Column Height Sync

Hi all,

I followed this link to change the appointment's height and accommodate all appointments in the radscheduler.

http://www.telerik.com/support/kb/aspnet-ajax/scheduler/auto-expand-the-height-of-the-appointment.aspx

Since my goal is to change the week view, i changed the css to this:

.RadScheduler .rsWeekView .rsWrap,

.RadScheduler .rsWeekView .rsApt,

.RadScheduler .rsWeekView .rsAptOut,

.RadScheduler .rsWeekView .rsAptIn,

.RadScheduler .rsWeekView .rsAptMid,

.RadScheduler .rsWeekView .rsAptContent

{

position: static !important;

height: auto !important;

width: 120px;

}

.RadScheduler .rsWeekView .rsWrap

{

overflow: hidden;

font-size: 0;

line-height: 0;

}

.RadScheduler .rsWeekView .rsLastWrap

{

height: 16px !important;

}

.RadScheduler .rsWeekView .rsAptContent

{

position: relative !important;

border-top: 0;

border-bottom: 0;

left: 0;

top: 0;

}

* html .RadScheduler .rsWeekView .rsAptIn

{

border-width: 0 1px;

top: 0;

margin-left: -1px;

margin-right: -1px;

}

* html .RadScheduler .rsWeekView .rsAptMid

{

top: 0;

left: 1px;

margin: 0 1px;

border-width: 1px 0;

}

It works fine, but the hours columns height did not sync with appointment height (image attached).

Any ideas to solve this?

Thanks in advance.

Scheduler

answered on 17 Jan 2013

9 answers

97 views

EnableExactTimeRendering Issue

Hi,
I have bind radscheduler using web service and i had set Weekview- EnableExactTimeRendering is true and scheduler is in Weekview. When i click on Show 24 Hours link its shows error like below

When i remove the Weekview- EnableExactTimeRendering property its works fine but appointments are not rendering well.
Thanks
Prasanna.

Scheduler

answered on 17 Jan 2013

2 answers

63 views

"New Folder" and "Rename" window problems in RadFileExplorer

Hi,

I am implementing RadFileExplorer in my webpage. However, I am encountering some sizing issues with regards to the "New Folder" and "Rename" pop up windows. Whenever I click "New Folder" or "Rename" it appears cut off at the bottom. However, it is fine for the "Upload" pop up window. Why would it appear cut off and how should I resize it if possible? Thanks.

Window