Questions on UI for ASP.NET AJAX Forum

110,723 questions

1 answer

73 views

I have inserted a video, using the media manager in RadEditor. The media player displays just fine on the page, but the video does not play when hitting the play button. I've tried inserting .flv, .mov and .wma, but it makes no difference which filetype I use.

Anyone know the reason for this?

Editor

answered on 06 Jan 2011

1 answer

79 views

Dynamic control of ControlsToCheck

Hello,

I'm trying to dynamically control the ControlsToCheck property to spell check multiple text boxes on a page contained in a multipage with pageview. I want to spell check certain fields at certain times and I need the ability to chcek only those controls that area active - these are dynamically controled by my users. In the example below I have 10 user Text Boxes in 10 panels, any of which can be active (Visible) or inactive (not visible) at any time based on some user controls on another page. I control the text boxes using panels so I can hide and show titles and the text boxes with one line of code. Thanks in advance, Dan

<table width="750" align="center">

<tr>

<td align="center">

<asp:Panel ID="PanelUserField10" Runat="server" visible="false">

<p />

<asp:Label ID="LabelUserField10" Runat="server" CssClass="APR_INFO_TEXT"></asp:Label>

<asp:Panel ID="PanelUserFieldText10" Runat="server">

<br />

<asp:TextBox id="TextUserField10" runat="server" TextMode="MultiLine" CssClass="APR_COMMENT_TEXT" Wrap="true" Rows= "10" Columns = "150"></asp:TextBox>

</asp:Panel>

</td>

</tr>

</table>

<br />

</asp:Panel>

<DIV style="MARGIN-RIGHT: 20px" align="center">

<telerik:RadSpell ID="RadSpell2" Runat="server"

ControlsToCheck="TextUserField1"

SupportedLanguages="en-US,English"

DictionaryPath="~/Common/RadSpell"

ButtonText="Click here for Spell Check"

ToolTip="Click here to check Spelling." Skin="Telerik" />

</DIV>

</iewc:PageView>

<iewc:PageView>

<asp:Label ID="LabelGeneralActivities_NotYetSubmitted" Runat="server">

<br>

Spell

answered on 06 Jan 2011

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

94 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

154 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

105 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

166 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

198 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

94 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

Top users last month