Questions on UI for ASP.NET AJAX Forum

110,742 questions

3 answers

58 views

How to Get RotatorItem's Attributes at client-side

Dear Sir/Madam

I am facing the following problem:
I set some attributes on a rotator's item at server-side using

protected void ItemRotator_OnItemDataBound(object sender, RadRotatorEventArgs e) {

DataRowView drv = (e.Item.DataItem as DataRowView);

e.Item.Attributes.Add("dbID" , drv["ID"].ToString() );

e.Item.Attributes.Add("dbCaption", drv["Caption"].ToString() );

}

But i cannot get them at client side. I am using the following code at client-side:

function GetAttributeValue(anObject, strProperty) {

if (anObject) {

var attributes = anObject.get_attributes();

if (attributes) {

return attributes.getAttribute(strProperty);

} else alert("Object.get_attributes() == null");

} else alert("Invalid Object");

}

var SelectedItemGUID

var SelectedItemTitle

function rotator_OnItemShow(sender, args) {

var targetIndex = args.get_item().get_index();

SelectedItemGUID = GetAttributeValue(args.get_item() , "dbID");

SelectedItemTitle = GetAttributeValue(args.get_item(), "dbCaption");

}

Function GetAttributeValue works fine with other telerik objects (ie TreeNodes) and i Know (for debug) that the rotator_OnItemShow is call when it should be.
Internet Explorer 8 gives me this error report

Message: Object doesn't support this property or method

Thank you for your time,
Thomas Sarmis.

Rotator

answered on 06 Jan 2011

4 answers

95 views

Find a column using a Contains approach

Hi,

We have data coming in where we want to find columns that contain keywords such as 'Upload' but the full column name could contain other words. Once we find that column, we want to change the text of each cell to a link - either by just injecting a hand built a href string, or alternately, adding in a hyperlink.

Is this even possible. Virtually all examples assume the grid column and data column are known - in this case we dont know the names exactly.

Thanks!

Grid

answered on 06 Jan 2011

0 answers

159 views

The remote host closed the connection. The error code is 0x80072746

Hi,

i am using telerik upload control to upload any document on server.my application is running well in production but sometimes users is reporting below error. please help...

Error in: http://apple/Download.aspx?fileid=9412&filetype=09CT00800.pdf
Error Message:The remote host closed the connection. The error code is 0x80072746.
Stack Trace: at System.Web.Hosting.ISAPIWorkerRequestInProcForIIS6.FlushCore(Byte[] status, Byte[] header, Int32 keepConnected, Int32 totalBodySize, Int32 numBodyFragments, IntPtr[] bodyFragments, Int32[] bodyFragmentLengths, Int32 doneWithSession, Int32 finalStatus, Boolean& async)
   at System.Web.Hosting.ISAPIWorkerRequest.FlushCachedResponse(Boolean isFinal)
   at System.Web.Hosting.ISAPIWorkerRequest.FlushResponse(Boolean finalFlush)
   at System.Web.HttpResponse.Flush(Boolean finalFlush)
   at System.Web.HttpResponse.Flush()
   at Download.Page_Load(Object sender, EventArgs e)
   at System.Web.Util.CalliHelper.EventArgFunctionCaller(IntPtr fp, Object o, Object t, EventArgs e)
   at System.Web.Util.CalliEventHandlerDelegateProxy.Callback(Object sender, EventArgs e)
   at System.Web.UI.Control.OnLoad(EventArgs e)
   at System.Web.UI.Adapters.ControlAdapter.OnLoad(EventArgs e)
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

waiting for your response.
thanks in advance.

Upload (Obsolete)

asked on 06 Jan 2011

3 answers

111 views

'Normal' Javascript Objects vs. jQuery Objects

I'm confused about something that is directly related to my work with Telerik controls. Supposed you had a RadSlidingZone implemented on a web page. Now look at these two ways to identify this object in client-side code:

$find("<%= radSlidingZone.ClientID %>");
$('table[id$=radSlidingZone]')[0];

The first uses, what I believe is called, an embedded ASP.net object. The second uses jQuery.

At first I thought that the resulting objects would be identical. But a simple test - namely, calling .get_id() revealed that they're not.

I was told elsewhere that the 2nd object is referred to as a "Normal Javascript Object". If so, then what's the first one? Put another way, if it's not a "normal" Javascript object then what is it?

Hoping someone can explain, which will hopefully help others too.

Thank you,

Robert Werner
Vancouver, BC

General Discussions

answered on 06 Jan 2011

1 answer

81 views

GradGrid Header with CommandButton or the same Style

we want in our "RadGrid" use the "CommandItemTemplate. there are all the action button (insert, delete, update, refresh) are involved. we want the icon there, same as in the commant button ->

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" />

Can we embed the "CommandButton"in a CommandItemTemplate or include in the Grid-Header (CommandItemDisplay = "top")? If so, how?

If this is not possible then we can take advantage of the style or the icon?

   <CommandItemTemplate>
     <div style="padding: 5px 5px;">
       <asp: LinkButton ID = "ButtonEditSelected" runat = "server" CommandName = "EditSelected" Visible ='<%# RadGridProgramCategory.EditIndexes.Count == 0%> '>
         <img style = "border: 0px; vertical-align: middle;" alt = "" src ="???????" />
       </ asp: button>
     </ div>
   </ CommandItemTemplate>

Regards

Dani

Grid

answered on 06 Jan 2011

3 answers

176 views

Docking Resize when Client Window Resize

I have 3 raddockzones. For each zone, I set my width to 33% and min-width to some px. However, when I resize my window (IE8), raddock zone did not resize properly. Is there a way to make a 3 relative size column raddockzone with fixed position instead of using float left?

Also, each dock title become funny looking when I change client size. Is there something that I can do to make resize work properly (please see attached)?

Dock

answered on 06 Jan 2011

5 answers

202 views

Custom RadBinaryImage HttpHandler

I have a RadBinaryImage control and I want to implement a custom httphandeler but I am having a bit of trouble doing this task. The reason for my custom implementation is that I have images stored in my DB as binary that are 100kb in size I have a page which displays up to 170 of these images as thumbnail size but the are still 100kb in size. So at times when the page is rendered some images will not show.

I tried using the AutoAdjustImageControlSize and ResizeMode and had not acheived the desired effect. I may be going about this the hard way but i wrote a handler to reduce and resize the images and spit the binary out but I can't seem to get it to work. This is my handeler

Public Class RenderImageHandler

Implements System.Web.IHttpHandler

Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest

Dim Response As HttpResponse = context.Response

' Dim ImageUrl As bi = HttpContext.Current.Server.MapPath("~/01SC087.JPG")

Dim imgLoader As New PService

Dim id As Integer

Integer.TryParse(context.Request.QueryString("i_id"), id)

If id > 0 Then

Dim ic As New ImageConverter()

Dim imgN As Image = DirectCast(ic.ConvertFrom(imgLoader._GetPostingImg(id)), Image)

Dim bitmap1 As New Bitmap(imgN)

Dim thumbnailer As New ImageThumbnailer()

Dim bmp As System.Drawing.Bitmap = thumbnailer.CreateThumbnail(bitmap1, 150, 150, True)

Dim ms As New System.IO.MemoryStream()

bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp)

Dim imageData As Byte() = ms.GetBuffer()

Response.ContentType = "image/jpeg"

context.Response.BinaryWrite(imageData)

context.Response.Flush()

End If

End Sub

ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable

Get

Return False

End Get

End Property

End Class

and this is my ImageThumbnailer class

Public Class ImageThumbnailer

Private _thumb As Bitmap = Nothing

Public Function CreateThumbnail(ByVal SourceImage As Bitmap, ByVal Width As Int32, ByVal Height As Int32, ByVal KeepRatio As [Boolean]) As Bitmap

' if Source Bitmap smaller than designated thumbnail => Return Original

If SourceImage.Width < Width AndAlso SourceImage.Height < Height Then

Return SourceImage

End If

Try

Dim _Width As Int32 = 0

Dim _Height As Int32 = 0

_Width = Width

_Height = Height

If KeepRatio Then

If SourceImage.Width > SourceImage.Height Then

_Width = Width

_Height = CType(SourceImage.Height * (Width / SourceImage.Width), Int32)

Else

_Height = Height

_Width = CType(SourceImage.Width * (Height / SourceImage.Height), Int32)

End If

_thumb = New Bitmap(_Width, _Height)

Using g As Graphics = Graphics.FromImage(_thumb)

g.InterpolationMode = InterpolationMode.HighQualityBicubic

g.FillRectangle(Brushes.White, 0, 0, _Width, _Height)

g.DrawImage(SourceImage, 0, 0, _Width, _Height)

End Using

Catch

_thumb = Nothing

End Try

Return _thumb

End Function

End Class

I f i am going about this the wrong way please let me know. I want the thumb nails to be less bytes when it is rendered to the page which will increase the speed and resolve the issue of images not being rendered. The page in question is at the current url @ http://www.4dpeeps.com

BinaryImage

answered on 06 Jan 2011

0 answers

95 views

Combo box selection

Hi ,
here i am post my aspx page. In which i have 3 combo box list when user select the country dropdown then rad captcha image refresh plz help me out for finding the solution so that image does not refresh after select the combo box.

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

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

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlCountry">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlCountry" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlState">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlState" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlCity">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlCity" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="5">

<table style="width: 100%; height: 100%;">

<tr style="height: 100%">

<td align="center" valign="middle" style="width: 100%">

<asp:Image ID="Image2" ImageUrl="~/Images/loading6.gif" BorderWidth="0px" Height="32px"

Width="32px" AlternateText="Processing Data ...." runat="server"></asp:Image></td>

</tr>

</table>

</telerik:RadAjaxLoadingPanel>

<div class="fromContainer">

<h1>

<asp:Label runat="server" ID="lblHeader" Text="Why I love Kiwanis" />

</h1>

<img src="Images/btnAdd.jpg" class="btnAdd" id="Add" />

<div style="clear: both;">

</div>

<div id="panleText" class="tabPanel">

<h2>

Add your story and photo here!

</h2>

</div>

<div id="panelMain">

<asp:UpdatePanel runat="server" ID="UP">

<ContentTemplate>

<div class="bottomBgBox">

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

<tr>

<td>

<table class="tblBasicForm">

<tr>

<td>

First Name

</td>

<td>

<asp:TextBox runat="server" ID="txtFirstName" CssClass="input" />

</td>

<td>

<asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txtFirstName"

ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Last Name

</td>

<td>

<asp:TextBox runat="server" ID="txtLastName" CssClass="input" />

</td>

<td>

<asp:RequiredFieldValidator ID="rfvLastName" runat="server" ControlToValidate="txtLastName"

ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Club Name

</td>

<td>

<asp:TextBox runat="server" ID="txtClub" CssClass="input" />

</td>

<td>

<asp:RequiredFieldValidator ID="rfvClub" runat="server" ControlToValidate="txtClub"

ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

<td>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">

<table class="tblOptionalForm">

<tr>

<td>

Country

</td>

<td>

<telerik:RadComboBox ID="ddlCountry" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_OnSelectedIndexChanged">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvDdlCountry" runat="server" ControlToValidate="ddlCountry"

Display="Dynamic" ErrorMessage="*" ValidationGroup="Submit" InitialValue="0"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

State

</td>

<td>

<telerik:RadComboBox ID="ddlState" runat="server" AutoPostBack="true" CssClass="input" OnSelectedIndexChanged="ddlState_OnSelectedIndexChanged">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

City

</td>

<td>

<telerik:RadComboBox ID="ddlCity" runat="server" CssClass="input">

</telerik:RadComboBox>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</td>

</tr>

</table>

</div>

<div class="discriptionBox">

Discription

<br />

<asp:TextBox CssClass="input" runat="server" ID="txtDiscription" TextMode="MultiLine" />

<asp:RequiredFieldValidator ID="rfvDescription" ControlToValidate="txtDiscription"

ErrorMessage="Required field can not be empty" ForeColor="Red" runat="server"

ValidationGroup="Submit"></asp:RequiredFieldValidator>

<br />

Photo Upload

<br /><br />

<telerik:RadAjaxPanel runat="server" RestoreOriginalRenderDelegate="false" >

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" ControlObjectsVisibility="None"

TargetFolder="~/Record/">

</telerik:RadAsyncUpload>

</telerik:RadAjaxPanel>

<br />

<div class="captchaText">

Enter the capcha text here

<asp:TextBox ID="CaptchaInput" CssClass="captchaBox" runat="server" MaxLength="5" Font-Size="13px" />

<asp:RequiredFieldValidator ID="ddd" runat="server" ControlToValidate="CaptchaInput"

ValidationGroup="Submit" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" Height="200px" Width="300px">

</div>

<telerik:RadCaptcha ID="RadCaptcha2" runat="server" CaptchaImage-RenderImageOnly="true" CssClass="captcha"

CaptchaImage-BackgroundColor="#efefef" ErrorMessage="The code you entered is not valid"

Display="Dynamic" CaptchaTextBoxCssClass="captchaBox" ImageStorageLocation="Cache"

EnableViewState="true" ValidatedTextBoxID="CaptchaInput" ValidationGroup="Submit">

</telerik:RadCaptcha>

</telerik:RadAjaxPanel>

<asp:ImageButton runat="server" ID="btnUpload" CssClass="btnAdd" ImageUrl="~/Images/btnUpload.jpg"

OnClick="btnUpload_OnClick" ValidationGroup="Submit" />

</div>

</ContentTemplate>

</asp:UpdatePanel>

</div>

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

$(function () {

$(".btnAdd").click(function () {

var tab = document.getElementById('panleText')

if (tab.style.display == "" || tab.style.display == "block") {

$(".tabPanel").slideUp();

$("#panelMain").slideDown();

}

else {

$(".tabPanel").slideDown();

$("#panelMain").slideUp();

}

});

})

</script>

</>

<asp:UpdatePanel runat="server" ID="UP1">

<ContentTemplate>

<div id="mapContainer">

<h1>

Map

</h1>

<br />

<asp:UpdateProgress runat="server" ID="PageUpdateProgress" AssociatedUpdatePanelID="UP1">

<ProgressTemplate>

<div class="progressBar">

<img id="imgUP1" runat="server" src="~/Images/update.gif" />

<span>Loading ...</span>

</div>

</ProgressTemplate>

</asp:UpdateProgress>

<div>

<div class="gMap">

<cc1:GMap ID="GMap1" runat="server" Width="540" Height="400" serverEventsType="AspNetPostBack"

OnMarkerClick="Gmap1_OnMarkerClick" enableServerEvents="true" OnClick="Gmap1_OnClick"

OnZoomEnd="Gmap1_OnZoomEnd" />

</div>

<div class="regionListContainer">

<h3>

<asp:Label runat="server" ID="lblRegionListHeader" Text="Continent Regions" />

</h3>

<asp:ListBox runat="server" ID="listRegion" CssClass="regionList" OnSelectedIndexChanged="listRegion_OnSelectedIndexChanged"

AutoPostBack="true" />

<div class="listContainerBottom">

<img src="Images/DownArrow.jpg" />more

</div>

<div id="descriptionContainer">

<asp:FormView ID="fvTestimonial" runat="server" PagerSettings-NextPageImageUrl="~/Images/btnNext.jpg" OnPageIndexChanged="btnkNextBack_OnClick"

AllowPaging="true" OnPageIndexChanging="fvTestimonial_OnPageIndexChanging" PagerSettings-LastPageImageUrl="~/Images/btnBack.jpg"

PagerSettings-Mode="NextPrevious">

<PagerTemplate>

</PagerTemplate>

<ItemTemplate>

<h1>

<asp:Label ID="Label1" runat="server" Text='<%# Bind("City.Name") %>' />

</h1>

<div class="hr">

<div class="testiNavContainer">

<asp:ImageButton runat="server" ID="ibtnPrevious" CommandName="Page" CommandArgument="Prev"

ImageUrl="~/Images/btnBack.jpg" />

<asp:ImageButton runat="server" ID="ibtnNext" CommandName="Page" CommandArgument="Next"

ImageUrl="~/Images/btnNext.jpg" />

</div>

<div class="discription">

<asp:Image runat="server" ID="imgPhoto" Width="380" CssClass="discriptionImage" ImageUrl='<%# Bind("FileUrl") %>'

Visible='<%# Eval("FileUrl")!= null %>' />

<div style="float: left" class="discriptionText">

<p>

<asp:Label ID="lblDiscription" runat="server" Text='<%# Bind("Desciption") %>' />

</p>

<p>

<asp:Label ID="lblFirstName" CssClass="highlight" runat="server" Text='<%# Bind("FirstName") %>' />

<asp:Label ID="lblLastName" CssClass="highlight" runat="server" Text='<%# Bind("LastName") %>' />,

<br />

<asp:Label ID="lblCity" runat="server" Text='<%# Bind("City.Name") %>' />,

<asp:Label ID="lblCountry" runat="server" Text='<%# Bind("Country.Name") %>' />

</p>

</div>

<br />

</ItemTemplate>

</asp:FormView>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

Please help me I am just need to prevent rad captha image refershing after select the drop down list.
Thanks

ComboBox

asked on 06 Jan 2011

1 answer

136 views

RadScheduler InlineInsertTemplate problem

Hi

I am very new to the RadControls. Just a few hours in fact so go easy on me. :)

I am running what seems to be an excellent tutorial here.

Advanced ASP.NET AJAX RadScheduler Customization

At around the 38 minute mark he is using code from the Templates documentation page to demo how to set the InlineInsertTemplate on the RadScheduler.

That code looks like this.

<telerik:RadScheduler . . . (removed the rest of this for brevity)

<InlineInsertTemplate>

<p>In here</p>

<div id="InlineInsertTemplate">

<asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="90%"



                                  TextMode="MultiLine" Height="20px"></

asp:TextBox>

<asp:LinkButton ID="InsertButton" runat="server" CommandName="Insert">

<asp:Image runat="server" ID="insertImage" ImageUrl="Images/ok.gif" AlternateText="insert" />

</asp:LinkButton>

<asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel">

<asp:Image runat="server" ID="Image2" ImageUrl="Images/cancel.gif" AlternateText="cancel" />

</asp:LinkButton>

<div class="inline-label">

Color code:</div>

<br>

<asp:LinkButton ID="InsertMoreButton" runat="server" CommandName="More" CssClass="rsAdvancedEditLink">Edit Advanced</asp:LinkButton>

</div>

</InlineInsertTemplate><br>

</

telerik:RadScheduler>

However, when I run my RadScheduler, the Insert Template looks exactly as it did before I tried this code above. As you can see above, I added a simple <p>In here</p> to the top of the template to see if it is displayed. It is not. Seems the RadScheduler ignores the InlineInsertTemplate

What am I missing here?

General Discussions

answered on 06 Jan 2011

1 answer

108 views

Disable autopostback to FilterIcon and filter by multiple columns

Hi All,

I want to filter with multiple columns at once when click on comment button.

The program work fine if I'm not choice function on filter icon and just type in filtercontrols on columns then click comment button("Search").

The problem is when I choice filter function at one column it automatically postback and do searching, it's mean search one by one column.

1. The question is can I disable autopost to filtericon?
2. If can do disable, How to read filterfunction(that I have choose from every column) when I click on commentbutton to search?

Thanks and best regards.

Grid

answered on 06 Jan 2011

Top users last month