Questions on UI for ASP.NET AJAX Forum

1 answer

120 views

Google Chrome Error when clicking on a regular .Net image button control inside of a GridTemplateColumn (works in IE & FF)

Like I said, it seems to work fine in IE and FF, but crashes in Chrome (weird). I have two image buttons inside of a GridTemplateColumn and when they are clicked, in chrome, I get the following error (detailed screenshot attached):

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Grid

answered on 24 Oct 2011

5 answers

248 views

Radmenu selectedItem backcolor

Hi
How doI set the backcolor of selectedItem in radmenu to a different color in Server side or client side.
Thanks

Menu

answered on 24 Oct 2011

3 answers

146 views

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

76 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

235 views

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

138 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

74 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

167 views

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

75 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

88 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