3 answers

193 views

[Solved] Using RadCaptcha with RadProgressManager

I am trying to add a RadCaptcha validation control to a page that allows file uploads. What is happening is that the file progress area is shown prior to Captcha validation, so if the Captcha is invalid, the user has to wait for the progress of the file upload before the message displays that they have type invalid Captcha text.

Is there any way around this to have the Captcha validate before the file upload progress happens?

Page code follows.

<%@ Page Language="VB" MasterPageFile="~/Master/master.master" AutoEventWireup="false" Inherits="xfers.test" ValidateRequest="false" Codebehind="test.aspx.vb" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MasterHolder" runat="server">

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

<style>

.RadUpload .ruFakeInput {

background-color: #dddddd;

cursor:not-allowed;

}

.ruFileInput

{ cursor: pointer;

}

</style>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Windows7" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScriptManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Radprogressmanager1" />

<telerik:AjaxUpdatedControl ControlID="RadProgressArea1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Radprogressmanager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadProgressArea1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadCodeBlock1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Radprogressmanager1" />

<telerik:AjaxUpdatedControl ControlID="RadProgressArea1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="position:absolute;z-index:1000;top:50%;left:30%;bottom:50%;right:50%;margin:auto;">

<telerik:RadProgressManager id="Radprogressmanager1" runat="server" />

<telerik:RadProgressArea id="RadProgressArea1" runat="server" onclientprogressbarupdating="onClientProgressBarUpdating" />

</div>

<br />

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

<table align="center" cellpadding="0" cellspacing="0">

<tr>

<td>

<asp:Label ID="lblErrMsg" runat="server" Visible="false" ForeColor="Red" Font-Bold="true" />

<table cellspacing="0" cellpadding="4" align="center" class="odehilite">

<tr>

<td align="right" nowrap="nowrap">Browse for your file: </td>

<td>

<telerik:radupload

id="fUpload"

runat="server"

maxfileinputscount="1" EnableFileInputSkinning="false"

ControlObjectsVisibility="None"

EnableEmbeddedBaseStylesheet="true"

InputSize="50"

Width="475px"

OverwriteExistingFiles="true"

ReadOnlyFileInputs="true"

allowedfileextensions=

".txt,.doc,.docx,.xls,.xlsx,.pdf,.htm,.html,.asp,.aspx,.ppt,.pptx,.pps,.ppsx,.csv,.gif,.jpg,.zip,.dat,.mdb,.xml,.smf,.dbf,.jpeg"

maxfilesize="1073741824" />

</td>

</tr>

<tr>

<th colspan="2">

Image Validation

</th>

</tr>

<tr>

<td align="center" colspan="2" style="padding-bottom: 1px;">

<telerik:RadCaptcha ID="RadCaptcha1" runat="server" ErrorMessage="Incorrect validation text entered" EnableRefreshImage="true" ValidatedTextBoxID="txtValidateImage"

ValidationGroup="SubmitFile" >

<CaptchaImage ImageCssClass="imageClass" EnableCaptchaAudio="true" BackgroundNoise="High" LineNoise="Medium" TextChars="LettersAndNumbers" TextLength="6" RenderImageOnly="true" />

</telerik:RadCaptcha>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="padding-bottom: 1px;">

Text from image: <asp:TextBox ID="txtValidateImage" runat="server" MaxLength="6" ValidationGroup="SubmitFile" Font-Names="'Segoe UI', Arial, sans-serif" Font-Size="12px" ToolTip="Validate image." />

</td>

</tr>

<tr>

<td colspan="2" align="center" style="padding: 0 0 2px 0;" >

<table width="80%" cellpadding="0">

<tr>

<td align="center">

<asp:Button ID="btnSubmitFile" runat="server" Text="Send File" CausesValidation="true" UseSubmitBehavior="true" CssClass="RadUploadSubmit" ValidationGroup="SubmitFile" />

</td>

<td align="center">

<asp:Button ID="btnReset" runat="server" Text="Reset" CausesValidation="false" CssClass="RadUploadSubmit" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

<script type="text/javascript">

var prm = Sys.WebForms.PageRequestManager.getInstance();

var originalClientSubmit;

if (!originalClientSubmit) {

originalClientSubmit =

Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler;

}

Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler = function (e) {

if (!prm._postBackSettings.async) {

originalClientSubmit.apply(this, [e]);

}

//<![CDATA[

function onClientProgressBarUpdating(progressArea, args) {

progressArea.updateHorizontalProgressBar(args.get_progressBarElement(), args.get_progressValue());

args.set_cancel(true);

}

//]]>

function findValidator(validid) {

if (typeof (Page_Validators) == "undefined") return;

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

var vld = Page_Validators[i];

var str = vld.id;

if (str.search(validid) > -1) return vld;

}

function ValidatetxtMsg(source, arguments) {

if (arguments.Value.indexOf("<") == -1 && arguments.Value.indexOf(">") == -1) {

arguments.IsValid = true;

} else {

arguments.IsValid = false;

}

</script>

</telerik:RadCodeBlock>

</asp:Content>

Captcha

answered on 24 Oct 2011

2 answers

104 views

Need help adding rows programatically via datasource

Ok, I would like to say I know that you can only add rows programatically by using a datasource and modifying that.

However, i've been googling and searching for a number of hours, and i still cant find a solution.

I am using (VB.Net)

I am trying to figure out how to add rows 'programatically', i have a list that i am compiling on page load...

I would like:

Check Box, image field, and 3 bound fields.

Can anyone give me a quick and simple code snippet to adding values to these rows?

Grid

answered on 24 Oct 2011

5 answers

276 views

[Solved] images from DB to RadBinaryImage inside RadRotator, which is inside RadGrid - problems

Hello again... I tried doing that in many ways... always something was wrong.

So, I have a RadGrid for my products from database. 1 product per row - ok.
Now for each product I have at least 1 image in other table. That's why I wanted to add RadRotator in one column so that for each product people can see all images (RadRotator with buttons).

Here's the code for the column with photos:

<telerik:GridTemplateColumn HeaderText="Zdjęcia" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center" AllowFiltering=

"false">

<ItemTemplate

<telerik:RadRotator runat="server" ID="itemsRotator" OnDataBinding="RadRotator_OnDataBinding" Height="128px">

<ItemTemplate>

<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%#Eval("zdjecie") %>'

AutoAdjustImageControlSize="false" Width="128px" Height="128px" ResizeMode="Fit" ImageAlign="Middle"/>

</ItemTemplate>

</telerik:RadRotator>

</ItemTemplate

</telerik:GridTemplateColumn>

Photos size are different (some 212 x 212, 211 x 211 - small differences) so I want them to fit.

Also I added a server-side code:

protected void RadRotator_OnDataBinding(object sender, EventArgs e)

{

string tmp = obecnyitem["ProductID"].Text;

RadRotator radrotator = (RadRotator)obecnyitem.FindControl("itemsRotator");

SqlConnection sqlconn = new SqlConnection();

sqlconn.ConnectionString = @"data source=UNDERGROUND\SQLEXPRESS;UID=sa;PWD=ds3236y;initial catalog=Products";

sqlconn.Open();

SqlCommand cmd = new SqlCommand();

cmd.Connection = sqlconn;

cmd.CommandText = "select count(1) from katalog_zdjecia where indeks = '" + tmp + "'";

int tmp1 = System.Convert.ToInt32(cmd.ExecuteScalar());

sqlconn.Close();

cmd.Dispose();

sqlconn.Dispose();

SqlDataSource sqldatsrc = new SqlDataSource();

sqldatsrc.ConnectionString = @"data source=UNDERGROUND\SQLEXPRESS;UID=sa;PWD=ds3236y;initial catalog=Products";

sqldatsrc.ProviderName = "System.Data.SqlClient";

sqldatsrc.SelectCommand = "select indeks, zdjecie from katalog_zdjecia where indeks = '" + tmp + "'";

radrotator.DataSource = sqldatsrc;

if (tmp1 > 1)

radrotator.RotatorType = RotatorType.Buttons;

else

radrotator.RotatorType = RotatorType.AutomaticAdvance;

}

so it checks the amount of photos for current row. If it's > 1 then add buttons to rotator, else set it to AutomaticAdvance as it won't advance when there'll be 1 photo.

currently that column looks like in the attached file.

Problems:

1. When I have many photos and buttons in RadRotator - it's centered, when I set it to AutomaticAdvance it on the left side, why?
2. As You can see in first 3 rows, there are more than 1 photo per row. But instead of showing only one photo with ability to rotate, I see one photo and a part of second photo, when I rotate then, I see part of second photo and part of 3rd photo etc... I think I messed something with the sizes as I'd like to see max 1 photo.

Best Regards
Darek

Grid

answered on 24 Oct 2011

1 answer

173 views

RadEditor: It is impossible to cancel underline.

Hi.
It is impossible to cancel underline to part of text(and all) which was pasted from Word.

<span style="text-decoration: underline; font-size: 12pt; font-family: cambria;">Text Text</span>

Editor

answered on 24 Oct 2011

1 answer

108 views

rad grid control

in the rad grid control want to dispaly data dyanmically to header also ,like wise for an employee his week details should come like
shift timeingsin a single row fora an employee for a whoile week
example,i have attached a sample ,i need the data to display from that and whole grid to save it once i click on save button,and for previous and next buttons weekly details should be displayed

Grid

answered on 24 Oct 2011

4 answers

212 views

[Solved] Radgrid Group By problem

Hi Team,
I have a hierarchical radgrid (find attached image.) and a button outside the radgrid.

When I select some of d rows of grid, i should get the GroupID as well as its corresponding GroupItems' ID

AS in image, When I select rows under the group "Coimbator", I should get ID of "Coimbator" as well as IDs of rows selecetd under "Coimbator"..

Here is my aspx side. :

<tr>

<td style="width:100%" colspan="3">

<telerik:RadGrid ID="rgGiroPayments" runat="server" OnNeedDataSource="rgGiroPayments_NeedDataSource" AllowMultiRowSelection="true">

<MasterTableView>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="EntityKeyName" FieldAlias="Vendor" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="EntityKeyName" FieldAlias="Vednor" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="AP_InvoiceID" HeaderText="AP_InvoiceID" Display="false" UniqueName="AP_InvoiceID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceNo" HeaderText="Invoice #" DataType="system.string"

UniqueName="InvoiceNo" FilterControlWidth="75%" SortExpression="InvoiceNo"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceDate" HeaderText="Date" FilterControlWidth="75%"

UniqueName="InvoiceDate" DataFormatString="{0:d}" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntityID" HeaderText="EntityID" Display="false" UniqueName="EntityID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntityIKeyD" HeaderText="EntityIKeyD" Display="false" UniqueName="EntityIKeyD">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntityKeyName" FilterControlWidth="75%" HeaderText="EntityKeyName"

UniqueName="EntityKeyName" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceCurrencyName" HeaderText="Currency"

UniqueName="InvoiceCurrencyName" FilterControlWidth="50%" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CurrencySymbol" HeaderText="Currency"

UniqueName="CurrencySymbol" FilterControlWidth="50%" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceAmount" HeaderText="Amount" UniqueName="InvoiceAmount"

FilterControlWidth="50%" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BalanceAmount" HeaderText="Due Amount" UniqueName="BalanceAmount"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridClientSelectColumn UniqueName="Select">

</telerik:GridClientSelectColumn>

</Columns>

</MasterTableView>

<ClientSettings Selecting-AllowRowSelect="true"></ClientSettings>

</telerik:RadGrid>

</td>

</tr>

<tr>

<td align="center">

<asp:Button ID="btnPayment" runat="server" Text="Make Payment" OnClick="btnPayment_Click" />

</td>

</tr>

Could you plz help me out ???

Regards,
Lok..

Grid

answered on 24 Oct 2011

3 answers

102 views

Collapse selected item in SingleExpandedItem mode?

Looking at the demo (@ http://demos.telerik.com/aspnet-ajax/panelbar/examples/functionality/panelbarbehavior/defaultcs.aspx) it seems the default behavior of a RadPanelBar in SingleExpandedItem mode does not allow you to click on a selected (and thus expanded) item to re-collapse it.

I just watched our customer click on the bar a dozen times trying to collapse it so they could view items below more easily.... they seemed to think that bar was broken :)

I'd like to give them the expected behavior - basically exactly like how the PanelBar work in MultipleExpandedItems mode, except of course clicking on a different item collapses the currently expanded item like in SingleExpandedItem mode, so only one item at a time is displayed.

Is there any easy way to accomplish this? I was kinda of surprised it's not the default behavior, given the expand/collapse button on the right of the bar.

Thanks,
-Adam

PanelBar

answered on 24 Oct 2011

3 answers

126 views

Updating interface after upload

In my project, I use a popup to upload files. Because i have to do some codebehind calculations to see if the popup should be shown, I have to run the window like this:

Dim sScript As String = "radopen('FileUpload.aspx?CusID=" & lID & "', 'InfoPopup');"

ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "FileUpload", sScript, True)

In the FileUpload.aspx, the user can upload files. When he does, my DB is updated with the uploaded files.
In the original page, i have a RadTreeView with all existing files in a hierarchy. This treeview is updated through codebehind, and does not have any datasource. After the fileupload window is closed, I need to refresh this list, but as far as I can tell, there is no event that is fired when the window is closed. And in the codebehind of FileUpload.aspx, i cannot make a call to update the list in the original page. How can I get my list to refresh after the upload?

Upload (Obsolete)

answered on 24 Oct 2011

1 answer

154 views

ERROR: Could not find the specified key "ImageEditor_Reset" or class id "RadEditor.Dialogs".

Hi guys,
We are using RadEditor on one of our pages.
After clicking on Image Editor button within Image Manager of RadEditor we receive the followin error:

Any idea why it happen?

Server Error in '/' Application.

Could not find the specified key "ImageEditor_Reset" or class id "RadEditor.Dialogs".

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentException: Could not find the specified key "ImageEditor_Reset" or class id "RadEditor.Dialogs".

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:
[ArgumentException: Could not find the specified key "ImageEditor_Reset" or class id "RadEditor.Dialogs".]
   Telerik.Sitefinity.Localization.Resource.GetString(ResourceDataProvider provider, String classId, String key, CultureInfo culture, Boolean falback, Boolean throws) +475
   Telerik.Sitefinity.Localization.Res.Get(String classId, String key, CultureInfo culture, Boolean fallback, Boolean throws) +216
   Telerik.Sitefinity.Localization.Res.Get(String classId, String key, CultureInfo culture) +44
   Telerik.Sitefinity.Localization.GlobalResourceProvider.GetObject(String resourceKey, CultureInfo culture) +74
   System.Web.Compilation.ResourceExpressionBuilder.GetResourceObject(IResourceProvider resourceProvider, String resourceKey, CultureInfo culture, Type objType, String propName) +23
   System.Web.HttpContext.GetGlobalResourceObject(String classKey, String resourceKey, CultureInfo culture) +26
   Telerik.Web.GlobalResourceLocator.GetString(String classKey, String resourceKey, CultureInfo culture) +39
   Telerik.Web.GlobalResourceLocator.GetString(String resourceKey, CultureInfo culture) +48
   Telerik.Web.GlobalResourceLocator.GetString(String resourceKey) +67
   Telerik.Web.LocalizationProvider.GetString(String resourceKey) +40
   Telerik.Web.LocalizationStrings.GetString(String key, Boolean throwErrorIfMissing) +137
   Telerik.Web.LocalizationStrings.GetString(String key) +47
   Telerik.Web.UI.Editor.DialogControls.DialogLocalizationStrings.InitializeDialogStrings() +247
   Telerik.Web.UI.Editor.DialogControls.DialogLocalizationStrings..ctor(LocalizationProvider localization, String dialogName, Boolean errorOnMissing) +99
   Telerik.Web.UI.Editor.DialogsStrings..ctor(LocalizationProvider localization, String dialogName, Boolean errorOnMissing) +45
   Telerik.Web.UI.Dialogs.UserControlBase.UpdateChildControls(Control currentControl) +1037
   Telerik.Web.UI.Dialogs.UserControlBase.CreateChildControls() +458
   System.Web.UI.Control.EnsureChildControls() +102
   Telerik.Web.UI.Dialogs.UserControlBase.OnInit(EventArgs e) +47
   Telerik.Web.UI.Editor.DialogControls.ImageEditorDialog.OnInit(EventArgs e) +37
   System.Web.UI.Control.InitRecursive(Control namingContainer) +140
   System.Web.UI.Control.AddedControl(Control control, Int32 index) +197
   System.Web.UI.ControlCollection.Add(Control child) +79
   Telerik.Web.UI.DialogHandlerNoSession.AddDialogControl(Control dialogControl, DialogParameters dialogParameters) +387
   Telerik.Web.UI.DialogHandlerNoSession.LoadDialogControl() +886
   Telerik.Web.UI.DialogHandlerNoSession.CreateChildControls() +349
   System.Web.UI.Control.EnsureChildControls() +102
   Telerik.Web.UI.DialogHandlerNoSession.OnPreLoad(EventArgs e) +36
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2099


            [ArgumentException: Could not find the specified key "ImageEditor_Reset" or class id "RadEditor.Dialogs".] Telerik.Sitefinity.Localization.Resource.GetString(ResourceDataProvider provider, String classId, String key, CultureInfo culture, Boolean falback, Boolean throws) +475 Telerik.Sitefinity.Localization.Res.Get(String classId, String key, CultureInfo culture, Boolean fallback, Boolean throws) +216 Telerik.Sitefinity.Localization.Res.Get(String classId, String key, CultureInfo culture) +44 Telerik.Sitefinity.Localization.GlobalResourceProvider.GetObject(String resourceKey, CultureInfo culture) +74 System.Web.Compilation.ResourceExpressionBuilder.GetResourceObject(IResourceProvider resourceProvider, String resourceKey, CultureInfo culture, Type objType, String propName) +23 System.Web.HttpContext.GetGlobalResourceObject(String classKey, String resourceKey, CultureInfo culture) +26 Telerik.Web.GlobalResourceLocator.GetString(String classKey, String resourceKey, CultureInfo culture) +39 Telerik.Web.GlobalResourceLocator.GetString(String resourceKey, CultureInfo culture) +48 Telerik.Web.GlobalResourceLocator.GetString(String resourceKey) +67 Telerik.Web.LocalizationProvider.GetString(String resourceKey) +40 Telerik.Web.LocalizationStrings.GetString(String key, Boolean throwErrorIfMissing) +137 Telerik.Web.LocalizationStrings.GetString(String key) +47 Telerik.Web.UI.Editor.DialogControls.DialogLocalizationStrings.InitializeDialogStrings() +247 Telerik.Web.UI.Editor.DialogControls.DialogLocalizationStrings..ctor(LocalizationProvider localization, String dialogName, Boolean errorOnMissing) +99 Telerik.Web.UI.Editor.DialogsStrings..ctor(LocalizationProvider localization, String dialogName, Boolean errorOnMissing) +45 Telerik.Web.UI.Dialogs.UserControlBase.UpdateChildControls(Control currentControl) +1037 Telerik.Web.UI.Dialogs.UserControlBase.CreateChildControls() +458 System.Web.UI.Control.EnsureChildControls() +102 Telerik.Web.UI.Dialogs.UserControlBase.OnInit(EventArgs e) +47 Telerik.Web.UI.Editor.DialogControls.ImageEditorDialog.OnInit(EventArgs e) +37 System.Web.UI.Control.InitRecursive(Control namingContainer) +140 System.Web.UI.Control.AddedControl(Control control, Int32 index) +197 System.Web.UI.ControlCollection.Add(Control child) +79 Telerik.Web.UI.DialogHandlerNoSession.AddDialogControl(Control dialogControl, DialogParameters dialogParameters) +387 Telerik.Web.UI.DialogHandlerNoSession.LoadDialogControl() +886 Telerik.Web.UI.DialogHandlerNoSession.CreateChildControls() +349 System.Web.UI.Control.EnsureChildControls() +102 Telerik.Web.UI.DialogHandlerNoSession.OnPreLoad(EventArgs e) +36 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2099

Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.237

Editor

answered on 24 Oct 2011

1 answer

171 views

Creating Avatars in ASP.Net using Telerik

Hi Telerik Team,

I there is any way to create Avatars in the ASP.net using the telerik.

My requirement is as follows:
1)  In my Web Page I have link when user clicks the link, user should able to upload his desired image and create a simple avatar for it and at finally when user ends with creation of the Avatar and click on the submit, I should be able to save it in the database.
2)  So that when the user visits the page next time, he should be able to see avatar that he has previously designed.
3)  Will you please tell me where can I get the API or sample code that can be used in the c#.net.
Please help me in doing this, it’s very Urgent.

Thanks & Regards

--------------------------------------------------------

Aravinda Chary N

Manamai

General Discussions

answered on 24 Oct 2011