Questions on UI for ASP.NET AJAX Forum

12 answers

451 views

Saving Filters

I am looking at this example.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/savinggridsettingsonperuserbasis/defaultvb.aspx

I do not want the user to have to click any type of "Save" button. I just want the filters the user applied to a grid to be available the next time they come back to this page. What would be best way to go about this be?

Grid

answered on 12 Dec 2011

2 answers

153 views

Radgrid not finding range validator

Hello all. Been trying to solve a problem to no avail. Have tried everything I can. Basically trying to set the minimun and maximum values of a range validator residing inside RadGrid. But it's not working.

Here is my code.

<telerik:GridTemplateColumn DataField="claim_date" DataType="System.DateTime"

FooterText="Totals: " HeaderText="Date" SortExpression="claim_date"

UniqueName="claim_date">

<ItemTemplate>

<asp:Label ID="claim_dateLabel" runat="server"

Text='<%# Eval("claim_date", "{0:MM/dd/yyyy}") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadDatePicker ID="claim_dateTextBox" runat="server" DBSelectedDate='<%# Bind("claim_date") %>' Width="100" />

<asp:RequiredFieldValidator ID="fvDateRequiredFieldValidator" runat="server" ErrorMessage="Claim date is required" ControlToValidate="claim_dateTextBox" ValidationGroup="DataEntryChk" Display="Dynamic" Font-Bold="true" />

<asp:RangeValidator ID="fvDateValidator" Type="Date" ControlToValidate="claim_dateTextBox" runat="server" ErrorMessage="Cannot save claim item. Please select/enter a date in the same month as the voucher month." SetFocusOnError="True" ValidationGroup="DataEntryChk" Display="Dynamic" Font-Bold="true" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

And in code behind I have the following.

Protected Sub ClaimsGV_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles ClaimsGV.ItemCommand

If e.CommandName = RadGrid.UpdateCommandName Or e.CommandName = RadGrid.PerformInsertCommandName Or e.CommandName = RadGrid.EditCommandName Then

Dim editform As GridEditFormItem = DirectCast(DirectCast(e.Item, Telerik.Web.UI.GridDataItem).EditFormItem, GridEditFormItem)

'Dim editform As GridEditableItem = CType(e.Item, GridEditableItem)

Dim fvDateValidator As RangeValidator = CType(editform.FindControl("fvDateValidator"), RangeValidator)

If fvDateValidator IsNot Nothing And iMaxEndDate <> "" And iMinStartDate <> "" Then

fvDateValidator.Enabled = True

fvDateValidator.Visible = True

fvDateValidator.MinimumValue = iMinStartDate.ToShortDateString

fvDateValidator.MaximumValue = iMaxEndDate.Date.ToShortDateString

End If

End Sub

Grid

answered on 12 Dec 2011

1 answer

169 views

Invalid cast exception

I changed a float to an int on a SQL table and when I go to edit the field it crashes
the grid

<telerik:RadGrid ID="rgEditOrder" OnNeedDataSource="rgEditOrder_NeedDataSource" OnItemCommand="rgEditOrder_ItemCommand" ShowFooter="True" Skin="Sunset" runat="server">

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="OrderSeq" AutoGenerateColumns="false" AllowSorting="true" AllowPaging="true" AllowFilteringByColumn="False" EditMode="InPlace" >

<Columns>

<telerik:GridBoundColumn UniqueName="StoreNumber" DataField="StoreNumber" HeaderText="Store #" DataFormatString="{0:#####}" DataType="System.Int32" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="BoothNumber" DataField="BoothNumber" HeaderText="Booth #" DataFormatString="{0:#####}" DataType="System.Int32" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ItemID" DataField="ItemID" HeaderText="Item" DataType="System.Double" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ItemDescription" DataField="ItemDescription" HeaderText="Description" ReadOnly="True">

<HeaderStyle Width="120px" />

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn UniqueName="ShipDate" DataField="ShipDate" PickerType="DatePicker" HeaderText="Ship Date" DataFormatString="{0:d}" DataType="System.DateTime" ReadOnly="True">

<HeaderStyle Width="44px" />

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn UniqueName="Qty" HeaderText="Cases" DataField="Qty" DataType="System.Int32" Aggregate="Sum" >

<ItemTemplate>

<asp:Label ID="lblQty" Text='<%# Bind("Qty") %>' Width="32px" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="rntbQty" Value='<%# Eval("Qty") %>' OnTextChanged="rntbQty_TextChanged" AutoPostBack="True" Width="32px" runat="server">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<HeaderStyle Width="32px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="NetCost" DataField="NetCost" HeaderText="Net Cost" DataFormatString="{0:C2}" DataType="System.Double" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ItemTotal" DataField="ItemTotal" HeaderText="Item Total" DataFormatString="{0:C2}" DataType="System.Double" Aggregate="Sum" ReadOnly="True">

<HeaderStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="PageNumber" DataField="PageNumber" HeaderText="Page" DataFormatString="{0:#####}" DataType="System.Int32" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="VendorNumber" DataField="VendorNumber" HeaderText="Vendor" DataFormatString="{0:#####}" DataType="System.Int32" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="DepartmentNumber" DataField="DepartmentNumber" HeaderText="Depart" DataFormatString="{0:##}" DataType="System.Int32" Aggregate="None" ReadOnly="True">

<HeaderStyle Width="26px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="OrderSeq" DataField="OrderSeq" DataType="System.Int64" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

<ClientEvents OnRowClick="RowClick" />

<ClientEvents OnRowDataBound="RowDataBound" />

</ClientSettings>

</telerik:RadGrid>

some code behind

protected void rgEditOrder_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

DataSet dsOrder = new DataSet();

if (txtStoreHidden.Value == "")

{

return;

}

WsOrderSystem wsOrder = new WsOrderSystem();

dsOrder = wsOrder.GetOnlineOrder(Convert.ToDouble(txtStoreHidden.Value), txtChain.Value);

rgEditOrder.DataSource = dsOrder;

Session["EditOrderView"] = dsOrder;

}

the stored procedure

ALTER PROCEDURE [dbo].[get_online_order]

@StoreNumber BIGINT,

@ChainID VARCHAR(20)

AS

BEGIN

DECLARE @ShowOrders TABLE

(StoreNumber BIGINT,

BoothNumber INT,

VendorNumber INT,

ItemID INT,

ShipDate DATETIME,

Qty INT)

IF @ChainID IS NULL

SELECT @ChainID=ChainID

FROM Stores

WHERE StoreNumber=@StoreNumber

IF @ChainID=''

BEGIN

INSERT INTO @ShowOrders (StoreNumber,BoothNumber,VendorNumber,ItemID,ShipDate,Qty)

SELECT StoreNumber,

BoothNumber,

VendorNumber,

ItemID,

ShipDate,

SUM(Qty) AS Qty

FROM Orders

WHERE StoreNumber=@StoreNumber AND Qty>0

GROUP BY StoreNumber,BoothNumber,VendorNumber,ItemID,ShipDate

SELECT AO.StoreNumber,

AO.BoothNumber,

AO.ItemID,

ItemDescription,

AO.ShipDate,

CAST(AO.Qty AS INT) AS Qty,

MinQty=CASE WHEN t.Qty IS NULL THEN 0

ELSE t.Qty END,

AO.NetCost,

AO.Qty*AO.NetCost AS ItemTotal,

AO.PageNumber,

AO.VendorNumber,

DepartmentNumber,

DepartmentDescription,

ROW_NUMBER() OVER (ORDER BY DateAddEdit DESC) AS OrderSeq,

CONVERT(VARCHAR,ShipStart1,101) AS ShipStart1,

CONVERT(VARCHAR,ShipEnd1,101) AS ShipEnd1,

CONVERT(VARCHAR,ShipStart2,101) AS ShipStart2,

CONVERT(VARCHAR,ShipEnd2,101) AS ShipEnd2,

CONVERT(VARCHAR,ShipStart3,101) AS ShipStart3,

CONVERT(VARCHAR,ShipEnd3,101) AS ShipEnd3,

OrderSeq AS Seq

FROM AfterOrders AO

INNER JOIN Items I ON AO.ItemID=I.ItemID

LEFT OUTER JOIN @ShowOrders t

ON AO.StoreNumber=t.StoreNumber

AND AO.BoothNumber=t.BoothNumber

AND AO.VendorNumber=t.VendorNumber

AND AO.ItemID=t.ItemID

AND AO.ShipDate=t.ShipDate

WHERE AO.StoreNumber=@StoreNumber AND AO.Qty>0

ORDER BY Seq

END

ELSE

BEGIN

INSERT INTO @ShowOrders (StoreNumber,BoothNumber,VendorNumber,ItemID,ShipDate,Qty)

SELECT O.StoreNumber,

BoothNumber,

VendorNumber,

ItemID,

ShipDate,

SUM(Qty) AS Qty

FROM Orders O

INNER JOIN Stores S

ON O.StoreNumber=S.StoreNumber

WHERE ChainID=@ChainID AND Qty>0

GROUP BY O.StoreNumber,BoothNumber,VendorNumber,ItemID,ShipDate

SELECT AO.StoreNumber,

AO.BoothNumber,

AO.ItemID,

ItemDescription,

AO.ShipDate,

CAST(AO.Qty AS INT) AS Qty,

MinQty=CASE WHEN t.Qty IS NULL THEN 0

ELSE t.Qty END,

AO.NetCost,

AO.Qty*AO.NetCost AS ItemTotal,

AO.PageNumber,

AO.VendorNumber,

DepartmentNumber,

DepartmentDescription,

ROW_NUMBER() OVER (ORDER BY AO.DateAddEdit DESC) AS OrderSeq,

CONVERT(VARCHAR,ShipStart1,101) AS ShipStart1,

CONVERT(VARCHAR,ShipEnd1,101) AS ShipEnd1,

CONVERT(VARCHAR,ShipStart2,101) AS ShipStart2,

CONVERT(VARCHAR,ShipEnd2,101) AS ShipEnd2,

CONVERT(VARCHAR,ShipStart3,101) AS ShipStart3,

CONVERT(VARCHAR,ShipEnd3,101) AS ShipEnd3,

OrderSeq AS Seq

FROM AfterOrders AO

INNER JOIN Stores S ON AO.StoreNumber=S.StoreNumber

INNER JOIN Items I ON AO.ItemID=I.ItemID

LEFT OUTER JOIN @ShowOrders t

ON AO.StoreNumber=t.StoreNumber

AND AO.BoothNumber=t.BoothNumber

AND AO.VendorNumber=t.VendorNumber

AND AO.ItemID=t.ItemID

AND AO.ShipDate=t.ShipDate

WHERE ChainID=@ChainID AND AO.Qty>0

ORDER BY AO.ItemID,AO.ShipDate,AO.StoreNumber

END

is this my problem?
http://www.telerik.com/help/aspnet-ajax/input-inside-databound-controls.html

Grid

answered on 12 Dec 2011

2 answers

42 views

RadWindowManager and RadAjaxPanel

I have a RadWindowManager with a RadWindow inside, and this RadWindow has a RadAjaxPanel:

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

</telerik:RadScriptManager>

<asp:Button ID="Button1" runat="server" Text="abrir" />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" OpenerElementID="Button1">

<ContentTemplate>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<asp:Button ID="Button2" runat="server" Text="Button" />

</telerik:RadAjaxPanel>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

This gives the following error:

Unable to register UpdatePanel with ID. '$ C $ RadAjaxPanel1Panel RadWindow1' because did not register with ScriptManager.

how I can fix this?
thanks

Window

answered on 12 Dec 2011

6 answers

146 views

Grid CommandItem alignment

I am having trouble getting the commanditem to align with the rest of the grid.
Please see the attached screenshot.

Below is my grid css

/*Telerik RadGrid Telerik Skin*/

/*global*/

.RadGrid_MBen

{

border:0px !important;

background:#fff;

color:#000;

}

.RadGrid_MBen, .RadGrid_MBen .rgMasterTable, .RadGrid_MBen .rgDetailTable, .RadGrid_MBen .rgGroupPanel table, .RadGrid_MBen .rgCommandRow table, .RadGrid_MBen .rgEditForm table, .RadGrid_MBen .rgPager table, .GridToolTip_MBen

{

font: 10px/16px Verdana, Arial, Helvetica, sans-serif;

border-right: 1px;

border-left: 1px;

border-bottom: 0px;

border-top: 0px;

border: thin solid #FFF;

}

.rgCommandRow table

{

border-bottom: thin none #FFF;

border-bottom-width: 0px !important;

}

.RadGrid_MBen .rgAdd,

.RadGrid_MBen .rgRefresh,

.RadGrid_MBen .rgEdit,

.RadGrid_MBen .rgDel,

.RadGrid_MBen .rgFilter,

.RadGrid_MBen .rgPagePrev,

.RadGrid_MBen .rgPageNext,

.RadGrid_MBen .rgPageFirst,

.RadGrid_MBen .rgPageLast,

.RadGrid_MBen .rgExpand,

.RadGrid_MBen .rgCollapse,

.RadGrid_MBen .rgSortAsc,

.RadGrid_MBen .rgSortDesc,

.RadGrid_MBen .rgUpdate,

.RadGrid_MBen .rgCancel,

.RadGrid_MBen .rgUngroup,

.RadGrid_MBen .rgExpXLS,

.RadGrid_MBen .rgExpDOC,

.RadGrid_MBen .rgExpPDF,

.RadGrid_MBen .rgExpCSV

{

background-image:url('Grid/sprite.gif');

}

/*header*/

.RadGrid_MBen .rgHeaderDiv

{

background:#eee 0 -8050px repeat-x url('Grid/sprite.gif');

}

.rgTwoLines .rgHeaderDiv

{

background-position:0 -7550px;

}

.RadGrid_MBen .rgHeader, .RadGrid_MBen th.rgResizeCol

{

background-position: 0 100%;

background: #4c6696 repeat-x 0 100%;

height: 16px;

color: #ffffff;

font-family: Verdana, Arial, Helvetica, sans-serif;

padding: 1px 2px 1px 2px !important;

font-size: 10px;

border-top-color: #4c6696;

border-right-color: #ffffff;

border-bottom-color: #4c6696;

border-width: 0px 1px 0px 0px;

border-right-style: solid;

}

.RadGrid_MBen th.rgSorted

{

background-color:#a6e193;

background-position:0 -2600px;

}

.RadGrid_MBen .rgHeader, .RadGrid_MBen .rgHeader a

{

color: #ffffff;

font-weight:bold;

}

/*rows*/

.RadGrid_MBen .rgRow td,

.RadGrid_MBen .rgAltRow td,

.RadGrid_MBen .rgEditRow td,

.RadGrid_MBen .rgFooter td

{

border-style:solid;

border-width:0 0 1px 0;

padding: 2px 2px 2px 2px;

}

.RadGrid_MBen .rgRow td

{

border-color:#fff;

}

.RadGrid_MBen .rgAltRow

{

background: #b3bdd2;

}

.RadGrid_MBen .rgAltRow td

{

border-color:#b3bdd2;

}

.RadGrid_MBen .rgRow .rgSorted,

.RadGrid_MBen .rgAltRow .rgSorted

{

border-color:#d7f8cc;

background-color:#d7f8cc;

}

.RadGrid_MBen .rgSelectedRow .rgSorted,

.RadGrid_MBen .rgActiveRow .rgSorted,

.RadGrid_MBen .rgHoveredRow .rgSorted,

.RadGrid_MBen .rgEditRow .rgSorted

{

background-color:transparent;

}

.RadGrid_MBen .rgRow a, .RadGrid_MBen .rgAltRow a, .RadGrid_MBen .rgEditRow a, .RadGrid_MBen .rgEditForm a

{

color: #005BE6;

}

.RadGrid_MBen .rgFooter a

{

color: #ffffff;

font-weight:bold;

}

.RadGrid_MBen .rgSelectedRow

{

background:#63ac38 0 -3900px repeat-x url('Grid/sprite.gif');

}

*+html .RadGrid_MBen .rgSelectedRow .rgSorted{background-color:#63ac38}

* html .RadGrid_MBen .rgSelectedRow .rgSorted{background-color:#63ac38}

.RadGrid_MBen .rgActiveRow,

.RadGrid_MBen .rgHoveredRow

{

background:#a2ea8b 0 -2900px repeat-x url('Grid/sprite.gif');

}

*+html .RadGrid_MBen .rgActiveRow .rgSorted,

*+html .RadGrid_MBen .rgHoveredRow .rgSorted{background-color:#a2ea8b}

* html .RadGrid_MBen .rgActiveRow .rgSorted,

* html .RadGrid_MBen .rgHoveredRow .rgSorted{background-color:#a2ea8b}

.RadGrid_MBen .rgEditRow

{

background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');

}

*+html .RadGrid_MBen .rgEditRow .rgSorted{background-color:#fff}

* html .RadGrid_MBen .rgEditRow .rgSorted{background-color:#fff}

.RadGrid_MBen .rgActiveRow td,

.RadGrid_MBen .rgActiveRow td.rgSorted,

.RadGrid_MBen .rgHoveredRow td,

.RadGrid_MBen .rgHoveredRow td.rgSorted

{

border-bottom-color:#28a800;

}

.RadGrid_MBen .rgSelectedRow td,

.RadGrid_MBen .rgSelectedRow td.rgSorted

{

border-bottom-color:#155800;

}

.RadGrid_MBen .rgEditRow td,

.RadGrid_MBen .rgEditRow td.rgSorted

{

border-bottom-color:#333;

}

.RadGrid_MBen .rgDrag

{

background-image:url('Grid/rgDrag.gif');

}

/*footer*/

.RadGrid_MBen .rgFooterDiv, .RadGrid_MBen .rgFooter

{

background-position: #4c6696;

background: #4c6696;

}

.RadGrid_MBen .rgFooter td

{

border-top:1px solid #828282;

border-bottom:1px solid #fff;

}

/*status*/

.RadGrid_MBen .rgStatus

{

border:1px solid;

border-color:#828282 #c9c9c9 #eee #c9c9c9;

border-left-width:0;

}

.RadGrid_MBen .rgStatus div

{

background-image:url('Common/loading_small.gif');

}

/*pager*/

.RadGrid_MBen .rgPager

{

background:#eee;

}

.RadGrid_MBen td.rgPagerCell

{

border:1px solid;

border-color:#828282 #eee #eee;

border-right-width:0;

}

.RadGrid_MBen .rgInfoPart

{

color:#8a8a8a;

}

.RadGrid_MBen .rgInfoPart strong

{

color:#4c4e54;

}

.RadGrid_MBen .rgPageFirst

{

background-position:0 -550px;

}

.RadGrid_MBen .rgPageFirst:hover

{

background-position:0 -600px;

}

.RadGrid_MBen .rgPagePrev

{

background-position:0 -700px;

}

.RadGrid_MBen .rgPagePrev:hover

{

background-position:0 -750px;

}

.RadGrid_MBen .rgPageNext

{

background-position:0 -850px;

}

.RadGrid_MBen .rgPageNext:hover

{

background-position:0 -900px;

}

.RadGrid_MBen .rgPageLast

{

background-position:0 -1000px;

}

.RadGrid_MBen .rgPageLast:hover

{

background-position:0 -1050px;

}

.RadGrid_MBen .rgPager .rgPagerButton

{

border-color:#d0d0d0 #aeaeae #8b8b8b;

background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');

color:#000;

font:12px/12px Verdana, Arial, Helvetica, sans-serif;

}

.RadGrid_MBen .rgNumPart a:hover,

.RadGrid_MBen .rgNumPart a:hover span,

.RadGrid_MBen .rgNumPart a.rgCurrentPage,

.RadGrid_MBen .rgNumPart a.rgCurrentPage span

{

background:no-repeat url('Grid/sprite.gif');

}

.RadGrid_MBen .rgNumPart a

{

color:#000;

}

.RadGrid_MBen .rgNumPart a:hover

{

background-position:100% -1250px;

}

.RadGrid_MBen .rgNumPart a:hover span

{

background-position:0 -1150px;

}

.RadGrid_MBen .rgNumPart a.rgCurrentPage,

.RadGrid_MBen .rgNumPart a.rgCurrentPage:hover

{

background-position:100% -1450px;

}

.RadGrid_MBen .rgNumPart a.rgCurrentPage span,

.RadGrid_MBen .rgNumPart a.rgCurrentPage:hover span

{

background-position:0 -1350px;

}

/*sorting, reordering*/

.RadGrid_MBen .rgHeader .rgSortAsc

{

background-position:3px -248px;

height:10px;

}

.RadGrid_MBen .rgHeader .rgSortDesc

{

background-position:3px -198px;

height:10px;

}

.GridReorderTop_MBen,

.GridReorderBottom_MBen

{

background:0 0 no-repeat url('Grid/sprite.gif');

}

.GridReorderBottom_MBen

{

background-position:0 -50px;

}

/*filtering*/

.RadGrid_MBen .rgFilterRow

{

background:#eee;

}

.RadGrid_MBen .rgFilterRow td

{

border-bottom:1px solid #828282;

padding:2px;

}

.RadGrid_MBen .rgFilter

{

background-position:0 -300px;

}

.RadGrid_MBen .rgFilter:hover

{

background-position:0 -350px;

}

.RadGrid_MBen .rgFilterActive,

.RadGrid_MBen .rgFilterActive:hover

{

background-position:0 -400px;

}

.RadGrid_MBen .rgFilterBox

{

border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;

font:10px Verdana, Arial, Helvetica, sans-serif;

color:#333;

}

/*filter context menu*/

.RadMenu_MBen .rgHCMClear,

.RadMenu_MBen .rgHCMFilter

{

border-color:#ccc #999 #a8a8a8;

background:#eee center -23px repeat-x url('FormDecorator/ButtonSprites.png');

color:#000;

font-family:"segoe ui",arial,sans-serif;

}

.RadMenu_MBen .rgHCMClear:hover,

.RadMenu_MBen .rgHCMFilter:hover

{

border-color:#2ebf00 #2bb500 #28a800;

background-position:center -67px;

background-color:#a2ea8b;

}

/*context menu*/

.GridContextMenu_MBen .rmLeftImage

{

background-image:url('../Common/Grid/contextMenu.gif');

}

.GridContextMenu_MBen .rgHCMSortAsc .rmLeftImage

{

background-position:0 0;

}

.GridContextMenu_MBen .rgHCMSortDesc .rmLeftImage

{

background-position:0 -40px;

}

.GridContextMenu_MBen .rgHCMUnsort .rmLeftImage

{

background-position:0 -80px;

}

.GridContextMenu_MBen .rgHCMGroup .rmLeftImage

{

background-position:0 -120px;

}

.GridContextMenu_MBen .rgHCMUngroup .rmLeftImage

{

background-position:0 -160px;

}

.GridContextMenu_MBen .rgHCMCols .rmLeftImage

{

background-position:0 -200px;

}

.GridContextMenu_MBen .rgHCMFilter .rmLeftImage

{

background-position:0 -240px;

}

.GridContextMenu_MBen .rgHCMUnfilter .rmLeftImage

{

background-position:0 -280px;

}

/*grouping*/

.RadGrid_MBen .rgGroupPanel

{

border:0;

border-bottom:1px solid #828282;

background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');

}

.RadGrid_MBen .rgGroupPanel td

{

border:0;

padding:3px 4px;

}

.RadGrid_MBen .rgGroupPanel td td

{

padding:0;

}

.RadGrid_MBen .rgGroupPanel .rgSortAsc

{

background-position:4px -143px;

}

.RadGrid_MBen .rgGroupPanel .rgSortDesc

{

background-position:4px -93px;

}

.RadGrid_MBen .rgUngroup

{

background-position:0 -7498px;

}

.RadGrid_MBen .rgGroupItem

{

border:1px solid;

border-color:#d0d0d0 #bdbdbd #8a8a8a;

background:#e8e8e8 0 -6500px repeat-x url('Grid/sprite.gif');

}

.RadGrid_MBen .rgMasterTable td.rgGroupCol, .RadGrid_MBen .rgMasterTable td.rgExpandCol

{

background-position: #FFFFFF none;

background: #FFFFFF none;

}

.RadGrid_MBen .rgGroupHeader,

.RadGrid_MBen .rgGroupHeader td.rgGroupCol

{

background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');

}

.RadGrid_MBen .rgGroupHeader

{

font-size:1.1em;

line-height:21px;

}

.RadGrid_MBen .rgGroupHeader td

{

border-bottom:1px solid #98ec7d;

}

.RadGrid_MBen .rgExpand

{

background-position:5px -496px;

}

.RadGrid_MBen .rgCollapse

{

background-position:3px -444px;

}

/*editing*/

.RadGrid_MBen .rgEditForm

{

border-bottom:1px solid #828282;

}

.RadGrid_MBen .rgUpdate

{

background-position:0 -1800px;

}

.RadGrid_MBen .rgCancel

{

background-position:0 -1850px;

}

/*hierarchy*/

.RadGrid_MBen .rgDetailTable

{

border-color:#828282;

}

/*command row*/

.RadGrid_MBen .rgCommandRow

{

background:#b5b5b5 0 -2099px repeat-x url('Grid/sprite.gif');

color:#000;

}

.RadGrid_MBen .rgCommandCell

{

border:0;

padding:0;

}

.RadGrid_MBen thead .rgCommandCell

{

/*border-bottom:1px solid #8b8b8b;*/

}

.RadGrid_MBen tfoot .rgCommandCell,

.RadGrid_MBen .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell

{

border-top:1px solid #a1a1a1;

}

.RadGrid_MBen .rgCommandTable td

{

border:0;

padding:2px 7px;

}

.RadGrid_MBen .rgCommandTable

{

border:1px solid;

border-color:#f5f5f5 #e4e4e4 #d5d5d5;

}

.RadGrid_MBen .rgCommandRow a

{

color:#000;

text-decoration:none;

}

.RadGrid_MBen .rgAdd

{

margin-right:3px;

background-position:0 -1650px;

}

.RadGrid_MBen .rgRefresh

{

margin-right:3px;

background-position:0 -1600px;

}

.RadGrid_MBen .rgEdit

{

background-position:0 -1700px;

}

.RadGrid_MBen .rgDel

{

background-position:0 -1750px;

}

.RadGrid_MBen .rgExpXLS,

.RadGrid_MBen .rgExpDOC,

.RadGrid_MBen .rgExpPDF,

.RadGrid_MBen .rgExpCSV

{

background-image:url('../Common/Grid/export.gif');

}

.RadGrid_MBen .rgExpXLS

{

background-position:0 0;

}

.RadGrid_MBen .rgExpDOC

{

background-position:0 -50px;

}

.RadGrid_MBen .rgExpPDF

{

background-position:0 -100px;

}

.RadGrid_MBen .rgExpCSV

{

background-position:0 -150px;

}

/*multirow select*/

.GridRowSelector_MBen

{

background:#155800;

}

/*row drag n drop*/

.GridItemDropIndicator_MBen

{

border-top:1px dashed #155800;

}

/*tooltip*/

.GridToolTip_MBen

{

border:1px solid #828282;

padding:3px;

background:#fff;

color:#000;

}

/*rtl*/

.RadGridRTL_MBen .rgPageFirst

{

background-position:0 -1000px;

}

.RadGridRTL_MBen .rgPageFirst:hover

{

background-position:0 -1050px;

}

.RadGridRTL_MBen .rgPagePrev

{

background-position:0 -850px;

}

.RadGridRTL_MBen .rgPagePrev:hover

{

background-position:0 -900px;

}

.RadGridRTL_MBen .rgPageNext

{

background-position:0 -700px;

}

.RadGridRTL_MBen .rgPageNext:hover

{

background-position:0 -750px;

}

.RadGridRTL_MBen .rgPageLast

{

background-position:0 -550px;

}

.RadGridRTL_MBen .rgPageLast:hover

{

background-position:0 -600px;

}

.RadGridRTL_MBen .rgExpand

{

background-position:-20px -496px;

}

Grid

answered on 12 Dec 2011

2 answers

103 views

RadTooltipManager in QuirksMode

I'm currently working with the RadTooltipManager to be able to click on a thumbnail and display a larger portion of the image positioned at the center of the browser window. It is currently working in every browser except in "QuirksMode" in InternetExplorer. When using QuirksMode, the image is placed at the verybottom of the screen. Any idea why this issue is happening or any advice on how to resolve it? See attached images for clarification and understanding, below are snippets of my code.

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Width="400" Height="400" Enabled="true" Modal="true" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" ShowEvent="OnClick" HideEvent="ManualClose" RelativeTo="BrowserWindow" Position="Center" ></telerik:RadToolTipManager>

protected void PictureGrid_DataBound(object sender, RadListViewItemEventArgs e)

{

if (e.Item is RadListViewDataItem)

{

int position = ((RadListViewDataItem)e.Item).DataItemIndex;

((RadTextBox)e.Item.FindControl("ThumbnailCaptionTextbox")).Text = FindCurrentEntry().Attachments.ElementAt(position).Caption;

Image image = (Image)e.Item.FindControl("ThumbnailImage");

image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(position).Key + "&sizeType=thumbnail";

RadToolTipManager1.TargetControls.Add(image.ClientID, true);

}

protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

Image image = new Image();

bool found = false;

for (int i = 0; ((i < PictureGrid.Items.Count) && (!found)); i++)

{

for (int j = 0; ((j < PictureGrid.Items[i].Controls.Count) && (!found)); j++)

{

if (e.TargetControlID == PictureGrid.Items[i].Controls[j].ClientID)

{

image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(i).Key + "&sizeType=larger";

found = true;

}

e.UpdatePanel.ContentTemplateContainer.Controls.Add(image);

}

ToolTip

answered on 12 Dec 2011

3 answers

217 views

adding a new row to radgrid with colspan

Hello Telerik,
I have a created a radGrid which has 3 columns, I need to add a new row under each row item
this row will span the 3 columns to display description

what I have now:

| cell11 | cell12 | cell13 |

| cell21 | cell22 | cell23 |

| cell31 | cell32 | cell33 |

what I need:

| cell11 | cell12 | cell13 |

| new line with colspan=3|

| cell21 | cell22 | cell23 |

| new line with colspan=3|

| cell31 | cell32 | cell33 |

| new line with colspan=3|

thanks,
Taraman

Grid

answered on 12 Dec 2011

2 answers

82 views

2011.3 Skins.dll in a Sharepoint Project

Hi,

I'm aware that all skins is now in another dll (http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/separate-skin-assembly-in-radcontrols-for-asp-net-ajax-with-q3-2011.aspx) and i can make it work fine with any "Asp.Net Web" project.

The problem is when I tryed to use with a "Sharepoint Empty Project" in VS2010. I already tryed to insert a reference, copyed Skins.dll in the bin (and bin/debug) directory and always get a error if I type a Skin name and only Default is available to use.

To reproduce the problem/envinroment just create a new "Empty Sharepoint Project", add an "Visual Web Part", add an Radgrid, copy Telerik.Web.UI.Skins.dll to the bin folder and nothing happens (tryed to reload the project as well).

Am I doing something wrong?

TIA.

General Discussions

answered on 12 Dec 2011

1 answer

86 views

FileExplorer iFrame Dialogs Issue.

Hello,
I'm having an issue with the fileExplorer in IE. I have the fileExplorer in an iframe, and when I click on the upload, delete, create new folder buttons, the dialog doesn't show up....works fine in Firefox and Chrome. The page gets the modal overlay, but the dialog just doesn't show. I had the same issue with the radEditor and fixed it like this:

<script type="text/javascript">

function OnClientLoad(editor) {

if (navigator.appName == 'Microsoft Internet Explorer')

{ editor.set_useClassicDialogs(true); }

}

</script>

per this article: http://www.telerik.com/support/kb/aspnet-ajax/editor/using-browser-modal-dialog-instead-of-radwindow.aspx .

Does the fileExplorer have a similar setting/functionality?

Thanks!

FileExplorer

answered on 12 Dec 2011

4 answers

310 views

RadButton OnClientClicked Event: Microsoft JScript runtime error: '$telerik' is undefined

Hello All,

I get the following error when I click on my RadButton: "Microsoft JScript runtime error: '$telerik' is undefined." Here is how my RadButton is setup:

<telerik:RadButton ID="rbtnCancel" runat="server" Text="Return to Forms Central" OnClientClicked="btnCloseWin" Font-Names="Arial" Font-Size="Medium" AutoPostBack="false">

</telerik:RadButton>

Here are the Javascript functions:

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)

return oWindow;

}

function btnCloseWin(sender, eventArgs) {

var oWindow = GetRadWindow();

oWindow.Close();

}

The following code is where the error is shown: var e=$telerik.isMouseOverElementEx(this.get_element(),i);

When I continue with debugging the program, the RadWindow is closed, but I'm not sure why I am getting this error at all. I am able to close the RadWindow using the Javascript function just fine from an asp:Button.

I'd greatly appreciate any insight into why this is happening.

Thanks!
Casey

Button

answered on 12 Dec 2011