Questions on UI for ASP.NET AJAX Forum

1 answer

339 views

How To Disable the focus on Row Hover(Or)Disable Animation Shakes ..on Rad Grid

<telerik:GridTemplateColumn UniqueName="BankType" AllowFiltering="false" EditFormHeaderTextFormat=" ">
<EditItemTemplate>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Fieldset"
Skin="Outlook" />
<div style="height: 140px; width: 142px; float: left; margin-left: -20px; margin-bottom: 20px;
border: rgb(102,102,102) solid 1px; border-radius:8px; padding: 0px 0px 0px 5px;
font-family: Bold; font-size: 12px; position: relative; bottom: 100px; top: 10px;
left: 20px;">
<span style="font-weight: normal; font-family: Verdana; background-color:rgb(215,230,255);
font-weight: normal; margin-top: 4px; left: 10px; position: relative; top: -10px;"> Bank
Type</span>
<telerik:RadGrid ID="RgList1" runat="server" AutoGenerateColumns="false" ShowHeader="false"
CssClass="RgListPosition1">
<MasterTableView AutoGenerateColumns="false">
<Columns>
<telerik:GridTemplateColumn HeaderText="BankTypeName">
<ItemTemplate>
<%# Eval("BankTypeName")%>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="chkBankList1" HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBankTypeName" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="false">
<Animation AllowColumnReorderAnimation="false" />
</ClientSettings>
</telerik:RadGrid>
</div>
</EditItemTemplate>
</telerik:GridTemplateColumn>

The above code inside another "Rad Grid view" ,when insert and edit mode, I want select particular check boxes ..but here some problem is occurs
that is when I am put mouse on some "Invoices" or "Direct Deposit" entire grid is "shakes" I don't want that type functionality,I want normal row hover .

1.Other grid view row hover is "true".
2.Inside Grid view Row is "false" .
but getting some shake in inner grid how remove that "shake" or"blur" in inner help me....

When ever i am Putting Mouse over the particular column the entire "Inside Rad Grid View" is Shake....how solve the problem

General Discussions

answered on 16 May 2013

7 answers

114 views

convertion from VS2005 to VS2010 not working

Hi guys,
yesterday my company downloaded Visual Studio 2010.I conerted web app from VS2005 to VS2010 and try to run.When I hit redirect button I am receiving this error:

Line: 6
Error: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '�'.

Or when put searching criteria and click on button I received this error:
Line: 2788
Error: Object doesn't support this property or method

But again in VS2005 working just fine.

Thanks so much.

General Discussions

answered on 16 May 2013

1 answer

100 views

Accessing controls

Hi Telerik,

How can I access a RadControl in my RadDock from C#?

Thankyou,
Saira

Dock

answered on 16 May 2013

4 answers

180 views

radgridBox selected rows to radlistBox

How can i select a radgrid column with checkbox and add that selected columns to a radlist? İ am new on telerik and i cant do it for a while... please help

Grid

answered on 16 May 2013

2 answers

124 views

AsyncUpload fails to process selected files with JS error.

My app was working correctly with a "select" box (drag and drop did not work) under 2010.2.713.35.
Today I upgraded to 2013.1.417.40 (to see if I could get the drag and drop to work) and it quit working altogether.

As a test, I copied the demo app from this page ...
http://demos.telerik.com/aspnet-ajax/asyncupload/examples/draganddrop/defaultcs.aspx
and discovered that if fails in the same way.

When I run the Google developer tools on your demo page, it works correctly of course.
When I run the Google developer tools on my copy of your demo page, it fails when attempting to take the selected files and create/update the displayed list.
See the attached screen shot for the point of failure.
It is able to find the div.ruDropZone that it wants to manipulate, but the _proto_ for that element does not have an addBack() method that your axd expects.
Presumably, some other piece of your code has extended those elements with those methods.

Does your script manager do that? If so, you should explain that in the documentation ... that RadAsyncUpload requires the RadScriptManager.

Please advise.

Markup in my page:

<td>

<asp:updatepanel id="upUpload" runat="server" updatemode="Always" >

<contenttemplate>

<div class="RoundAll" id="DropZone2" style=

"height: 150px; width: 320px; background-color: ghostwhite; border: 1px dashed Navy; text-align: center; padding-left: 20px; padding-right: 20px; vertical-align: top; display:inline-block;"

>

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload2" MultipleFileSelection="Automatic" DropZones=".DropZone1,#DropZone2"/>

<div class="DropZone1">

<p>Custom Drop Zone</p>

<p>Drop Files Here</p>

</div>

<div id="Div3">

<p>Custom Drop Zone</p>

<p>Drop Files Here</p>

</div>

</contenttemplate>

</asp:updatepanel>

</td>

Supporting Javascript:

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

var $ = $telerik.$;

function pageLoad() {

$(document).bind({ "drop": function (e) { e.preventDefault(); } });

var dropZone1 = $(document).find(".DropZone1");

dropZone1.bind({ "dragenter": function (e) { dragEnterHandler(e, dropZone1); } })

.bind({ "dragleave": function (e) { dragLeaveHandler(e, dropZone1); } })

.bind({ "drop": function (e) { dropHandler(e, dropZone1); } });

var dropZone2 = $(document).find("#DropZone2");

dropZone2.bind({ "dragenter": function (e) { dragEnterHandler(e, dropZone2); } })

.bind({ "dragleave": function (e) { dragLeaveHandler(e, dropZone2); } })

.bind({ "drop": function (e) { dropHandler(e, dropZone2); } });

}

function dropHandler(e, dropZone) {

dropZone[0].style.backgroundColor = "Red";

}

function dragEnterHandler(e, dropZone) {

var dt = e.originalEvent.dataTransfer;

var isFile = (dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file')));

if (isFile || $telerik.isSafari5 || $telerik.isIE10Mode || $telerik.isOpera)

dropZone[0].style.backgroundColor = "White";

}

function dragLeaveHandler(e, dropZone) {

if (!$telerik.isMouseOverElement(dropZone[0], e.originalEvent))

dropZone[0].style.backgroundColor = "Green";

}

</script>

AsyncUpload

answered on 16 May 2013

1 answer

197 views

[Solved] Grid Outline border extending into outside div tag

Hi:

I have a RaDGrid that has a DIV tag that is above the grid, but the outline border included the DIV tag. Code is as follows:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<script runat="server">

'

Protected Sub personGrid_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles personGrid.NeedDataSource

Dim _people As List(Of String) = New List(Of String) From { _

"George Washington", "John Adams", "Thomas Jefferson"}

personGrid.DataSource = _people

End Sub

'

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

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

<Scripts>

<asp:ScriptReference Path="Scripts/jquery-1.8.2.min.js" />

</Scripts>

</telerik:RadScriptManager>

<br />

<div style="width: 100%">

<div style="width: 130px; float: left;">People:</div>

<div style="width: 475px; float: left;">...</div>

</div>

<div style="width: 100%">

<Telerik:RadGrid

ID="personGrid" runat="server" GridLines="None" CellSpacing="0">

<MasterTableView AutoGenerateColumns="true">

</MasterTableView>

</Telerik:RadGrid>

</div>

<br />

</form>

</body>

</html>

So the following DIV tags:

<div style="width: 100%">

<div style="width: 130px; float: left;">People:</div>

<div style="width: 475px; float: left;">...</div>

</div>

Appear as if they are a part of the grid, but I do not want this appearance. Attached is a screenshot...
Phil

Grid

answered on 16 May 2013

1 answer

91 views

how to highlight a deselected row

I am trying to find a way to highlight a row in a radgrid when it is deselected. I can get it to highlight when selected (via a checkbox), but I want to highlight it when that checkbox is unchecked (other than the default deselected row colors), this is so the users will know what they rows they have unchecked, before submitting form.

any ideas on how to do this?

Grid

answered on 16 May 2013

3 answers

136 views

change the filtercolumn header backcolor

Hi
How shall I change the filtercolumn header backcolor after filter.

thanks
RT

Grid

answered on 16 May 2013

0 answers

54 views

Wierd behaviour of RadWindow

Hello I am trying to refresh my grid my rad window opens a page which contains asynupload to upload a file and after closing the window i am refreshing the grid but it does not fire and i have used debugger i cam to know the onclientclose executes even before the radwindow is open.

the code is

function onClientClose() {

alert(

"hi");

$find(

"<%= RadAjaxManager1.ClientID %>").ajaxRequest();

}

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

FileGrid.Rebind();

}

i have kept break point here the control does not come at all.
and the radwindow which contains webpage js is

function CloseAndRebind() {

GetRadWindow().Close();

}

Grid

asked on 15 May 2013

3 answers

219 views

GridGroupHeaderItem: associated GridGroupFooterItem

If I am iterating through the GridGroupHeader Items...

foreach (GridGroupHeaderItem ghi in ogrid_BilateralCollateralSecurities.MasterTableView.GetItems(GridItemType.GroupHeader))

How can I findthe GridGroupFooterItem associated to the GridGroupHeaderItem?

Grid

answered on 15 May 2013