Questions on UI for ASP.NET AJAX Forum

1 answer

59 views

I am using the image manager to upload images to be stored in a database. When images larger than 25kb are uploaded only small portion of the images is displayed and uploaded.

Editor

answered on 24 Oct 2011

2 answers

113 views

ShowRefreshButton like RadGrid

Hi,

is it possible in TreeListe to show a Refresh-Button like in RadGrid?

<CommandItemSettings ShowRefreshButton="true" ...

Best Regards

Tom

TreeList

answered on 24 Oct 2011

1 answer

136 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

264 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

163 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

87 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

248 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

153 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

90 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

192 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