Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Hi,

I have a Rad Grid control that is bound to a data source which has objects in it.
I use the object properties to feed the template in the template columns.

Please show me how can I implement custom filtering, which events do I need to handle ?
I need a way from which I can use the object and then decided if this row should be filtered or not.
The out of the box filtering is not going to work for my case.

I cant find any examples, please help.

Thanks
Karan

Grid

answered on 03 Dec 2012

1 answer

126 views

Radchart Series Issue

Hi All,

I have radchart with multiple series and one series is adopt with bar chart and second series is adopt with line chart. line chart series coming from second Y-Axis. My need is from this line chart should not be display behind bar chart.

I need to display line chart above bar chart. But in default barchart overrides line chart.

How to solve this?

Thanks in Advance..

Chart (Obsolete)

answered on 03 Dec 2012

1 answer

166 views

form within form - Ajax?

I am not sure if it is an Ajax-specific problem, or, just a Rad script issue... but, if I have a form inside the default page form, Telerik controls do not seem to work (it throws an error). If I remove this sub form, things work.

Here is sample code:

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

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

<title>Test</title>

<script language="JavaScript" type="text/javascript">

<!--

function setinitialStatus() {

window.status = "This is a test of Telerik with inside forms to PayPal.";

}

// end -->

</script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-26024342-1']);

_gaq.push(['_trackPageview']);

(function () {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<style type="text/css">

body

{

font-family: Sans-Serif;

font-size: 12px;

font-weight: normal;

width: 100%;

}

.maincontainer

{

width: 850px;

margin-left: auto;

margin-right: auto;

}

.header

{

text-align: center;

font-weight: bold;

font-size: 14px;

width: 100%;

padding: 8px;

}

.content

{

font-family: Sans-Serif;

font-size: 12px;

width: 840px;

padding-left: 6px;

padding-right: 6px;

margin-left: auto;

margin-right: auto;

}

</style>

</head>

<body onload="setinitialStatus();" bgcolor="#DDF0FF">

<a name="top"></a>

<div id="fb-root" style="text-align: center; width: 100%;">

<script language="JavaScript" type="text/javascript">

<!--

window.fbAsyncInit = function () {

FB.init({ appId: '113869198637480', status: true, cookie: true,

xfbml: true

});

};

(function () {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js';

document.getElementById('fb-root').appendChild(e);

} ());

// end -->

</script>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

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

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

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

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<div class="maincontainer">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="850px">

<div class="header">

<table width="100%" border="1" cellspacing="1" cellpadding="6" bgcolor="#F2F8FF">

<tr>

<td valign="top" align="center" bgcolor="#F2F8FF">

<b>Please help:</b><br />

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

<input type="hidden" name="cmd" value="_s-xclick" />

<input type="hidden" name="hosted_button_id" value="CF7R54YWE5NVJ" />

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"

name="submit" alt="PayPal - The safer, easier way to pay online!" />

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"

width="1" height="1" />

</form>

</td>

<td valign="top" align="center" bgcolor="#F2F8FF" colspan='1'>

<div style="text-align: center; font-family: verdana;">

<h1>

Welcome</h1>

<h3>

subtitle</h3>

<i>something here</i>

</div>

</td>

<td valign="top" align="center" bgcolor="#F2F8FF">

<b>Please help:</b><br />

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

<input type="hidden" name="cmd" value="_s-xclick" />

<input type="hidden" name="hosted_button_id" value="CF7R54YWE5NVJ" />

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"

name="submit" alt="PayPal - The safer, easier way to pay online!" />

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"

width="1" height="1" />

</form>

</td>

</tr>

</table>

</div>

<div class="content">

<telerik:RadDatePicker ID="rdpDateToView" runat="server" AutoPostBack="True" Culture="en-US">

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

ViewSelectorText="x">

</Calendar>

<DateInput runat="server" AutoPostBack="True" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"

LabelWidth="40%" value="11/27/2012">

</DateInput>

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

</telerik:RadDatePicker>

<br />

<strong>Date Picked:</strong>

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

<br />

This is some test text. yeah. adf asdf asdf asd;fja kdsfjalsdkfj hdlkf haldhrauha

</div>

</telerik:RadAjaxPanel>

</div>

</form>

</div>

</body>

</html>

Here is the code-behind:

Imports Telerik.Web.UI

Partial Class _Default

Inherits System.Web.UI.Page

Protected Sub rdpDateToView_SelectedDateChanged(sender As Object, e As Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs) Handles rdpDateToView.SelectedDateChanged

lblDatePicked.Text = e.NewDate.ToString

End Sub

End Class

So - the PayPal forms are what break this. I cannot find a way around having the PayPal forms - somehow, I have to be able to use forms inside the main page form. Does anyone have some insight as to how I can resolve this conflict?

Thanks.

Ajax

answered on 03 Dec 2012

1 answer

52 views

Show reminder window at regular interval with a list of appointments at regular interval

Hi,

Appointments in a scheduler has an attribute "state" that can be modified by the user. The appointment state transitions to 5-6 states.
I would like to display all those appointments that are in state 4 and state5 in Reminder window at 8:00 clock, 12:00 Clock and 4 :00 Clock.
I would like to display all appointments that are in state1 and state 2 in Reminder Window at 10:00 clock, 12:00 Clock and 3:00 clock.

Is this possible, if yes how can I achieve above objective?

Thanks,
Prava

Scheduler

answered on 03 Dec 2012

1 answer

37 views

I can not handle radupload and radprogress..

Help me :(

i created a web page that has a object radupload with the property automatic upload....In this page i've inserted the object radprogress too.
The radupload works perfectly, but the radprogress no!
The radprogress does not appear...
(i use telerik Q3 2012)
this my code vb 2010 and aspx and my web.cofig

Private Sub Imgbtnupload_Click(sender As Object, e As System.Web.UI.ImageClickEventArgs) Handles Imgbtnupload.Click

If RadUpload1.UploadedFiles.Count > 0 Then

Label1.Text = "File uploaded: " & RadUpload1.UploadedFiles.Item(0).FileName & "(" & RadUpload1.UploadedFiles.Item(0).ContentLength & " " & "bytes)"

Else

Label1.Visible = True

End If

End Sub

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

<telerik:RadAjaxManager runat="server">

</telerik:RadAjaxManager>

<div style=

"font-family: Verdana; font-size: small; background-image: url('Image/Upload.jpg'); background-repeat: no-repeat; width: 350px; height: 380px"

>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Office2010Silver">

</telerik:RadAjaxLoadingPanel>

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

</telerik:RadScriptManager>

<telerik:RadProgressManager ID="RadProgressManager1" Runat="server" />

<table style="border: 0px; margin: 0px; padding: 0px; width: 350px;">

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"

colspan="2">

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"

colspan="2">

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"

colspan="2">

<asp:Label ID="Label1" runat="server" Text="Nessun file caricato"

ForeColor="Green"></asp:Label>

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: left; vertical-align: top; height: 50px"

colspan="2">

<telerik:RadUpload ID="RadUpload1" Runat="server"

AllowedFileExtensions="jpg,jpeg,png,gif" OverwriteExistingFiles="True"

TargetFolder="image/image_utenti" ControlObjectsVisibility="None"

InputSize="40" Height="22px" style="text-align: left" Skin="Sunset"

Width="343px">

<Localization Select="Cerca" />

</telerik:RadUpload>

<asp:CustomValidator ID="CustomValidator1" runat="server"

ErrorMessage="File errato o non selezionato" ClientValidationFunction="validateRadUpload"

OnServerValidate="CustomValidator1_ServerValidate" ForeColor="Red"></asp:CustomValidator>

<div style="font-size:x-small">

Il file deve avere le seguenti estensioni: .jpg, .jpeg, .png

</div>

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

<script type="text/javascript">

function validateRadUpload(source, e) {

e.IsValid = false;

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

var inputs = upload.getFileInputs();

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

//check for empty string or invalid extension

if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) {

e.IsValid = true;

break;

}

</script>

</telerik:RadCodeBlock>

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:10px"

colspan="2">

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:40px"

>

<asp:ImageButton ID="Imgbtnupload" runat="server"

ImageUrl="~/Image/Upload.png" />

</td>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:40px"

>

<asp:ImageButton ID="Imgbtnesci" runat="server" ImageUrl="~/Image/esci1.png"

ValidationGroup="esci" />

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"

colspan="2">

</td>

</tr>

<tr>

<td style=

"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:130px"

colspan="2">

<telerik:RadProgressArea ID="RadProgressArea1" Runat="server"

HeaderText="Caricamento in corso attendere..." Height="130px" Skin="Sunset"

progressindicators="FilesCountBar, FilesCount, FilesCountPercent, SelectedFilesCount, CurrentFileName"

Width="350px">

</telerik:RadProgressArea>

</td>

</tr>

</table>

</div>

</form>

<?xml version="1.0"?>

<configuration>

<appSettings>

<add key="Telerik.Skin" value="Sunset" />

<add key="Telerik.ScriptManager.TelerikCdn" value="Enabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled" />

</appSettings>

<system.web>

<httpRuntime maxRequestLength="102400" executionTimeout="3600" />

<customErrors mode="Off" />

<compilation debug="true" strict="false" explicit="true" targetFramework="4.0">

<assemblies>

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />

</assemblies>

</compilation>

<pages>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" />

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadUploadModule" />

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode" />

<remove name="RadCompression" />

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode" />

</modules>

<handlers>

<remove name="ChartImage_axd" />

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_DialogHandler_aspx" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />

<add name="Telerik.ReportViewer.axd_*" path="Telerik.ReportViewer.axd" verb="*" type=

"Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=6.1.12.820, Culture=neutral, PublicKeyToken=a9d7983dfcc261be"

preCondition="integratedMode" />

</handlers>

<security>

<requestFiltering>

<requestLimits maxAllowedContentLength="104857600" />

</requestFiltering>

</security>

</system.webServer>

</configuration>

Upload (Obsolete)

answered on 03 Dec 2012

1 answer

57 views

Solution: Rotator stops rotating if ScrollDuration = 0

I created an "article rotator" for a magazine using the RadRotator back in Spring 2011. All worked well until I updated the Telerik assemblies from version 2010.2 to 2012.2SP1. Soon after, I noticed that my rotators would do one transition, then stop. There were no javascript errors or anything other problems I could detect. I eventually discovered the problem. I want immediate transitions (no "swipe" appearance during scrolls). The older versions used to allow ScrollDuration = 0 for the effect. However, for some reason, this is no longer the case. If I simply change ScrollDuration = 1, then all works well again (and 1 millisecond is not noticeable).

I was unable to find anybody else discussing this specific problem, so I figured I'd post just in case there are some other late adopters to the 2012 assemblies who may encounter this problem. I'm not sure when things changed, but it was somewhere between early 2011 and mid 2012. Hope this helps somebody.

Rotator

answered on 03 Dec 2012

1 answer

50 views

How to add custom collumns in telerik scheduler?

Hello All,

Normally the telerik scheduler have the day view and all events and activities pertain to that day displayed on that,

Now I have situation where I want to show day view with additional columns. So let's I have 5 employees so I can show 5 Employees names on top and their activities in content area with time they are going to perform.

So to visualize in week-view we have day names and fix no of days but I want employee names and they need to be dynamic.

Please provide me any link reference on how to achieve this is any.

Thanks,
Jigar

Scheduler

answered on 03 Dec 2012

3 answers

119 views

Disable(Gray Out) Recurrence editor

Hi,
    I want to disable the recurrence editor its works fine in IE but in Firefox recurrence editor is not disable.
Code:
              i)       var elem = document.getElementById("divRecRule").getElementsByTagName("*");
                        for (var i = 0; i < elem.length; i++) {
                            elem[i].setAttribute('disabled', true);
                        }
              ii)     var elem = document.getElementById("divRecRule").getElementsByTagName("*");
                        for (var i = 0; i < elem.length; i++) {
                            elem[i].disabled = true;
                        }
I tried this both.....
In IE,

In FireFox,

Thanks,
Prasanna

Scheduler

answered on 03 Dec 2012

1 answer

48 views

Radupload...no strat progressarea

Hi,
i've the problem with progressarea...Into my page aspx i've a radupload and a radprogress...but when i start the upload, the files are transferred, but does not appear progressarea...this my code vb and asp is:

Protected Sub ImageButton1_Click(sender As Object, e As System.Web.UI.ImageClickEventArgs) Handles Imgbtncarica.Click

If RadUpload1.UploadedFiles.Count > 0 Then

Repeater1.DataSource = RadUpload1.UploadedFiles

Repeater1.DataBind()

Label1.Visible = False

Repeater1.Visible = True

Else

Label1.Visible = True

Repeater1.Visible = False

End If

End Sub

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

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

<telerik:RadProgressManager ID="RadProgressManager1" Runat="server" />

<telerik:RadUpload ID="RadUpload1" Runat="server"

AllowedFileExtensions="jpg,jpeg,png,gif" OverwriteExistingFiles="True"

TargetFolder="Public/image" ControlObjectsVisibility="None"

InputSize="40" Height="22px" style="text-align: left" Skin="Sunset"

Width="343px" CssClass="RadUploadProgressArea" Culture="it-IT">

<Localization Select="Search" />

</telerik:RadUpload>

<asp:Repeater ID="Repeater1" runat="server" Visible="False">

<HeaderTemplate>

<div style="color: green">

File caricato:</div>

</HeaderTemplate>

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "FileName")%>

<%#DataBinder.Eval(Container.DataItem, "ContentLength").ToString() + " bytes"%>

<br />

</ItemTemplate>

</asp:Repeater>

Upload (Obsolete)

answered on 03 Dec 2012

1 answer

50 views

Export radgrid to excel

Hello ,

I have rad grid having allgeneratecolumn true, I have bind it dynamically with datasource.
I am exporting the data to excel, but now I want to export only headers of grid to excel not the data
I want only headers of grid in exported excel.

Thanks
Amit

Grid

answered on 03 Dec 2012