Questions on UI for ASP.NET AJAX Forum

1 answer

133 views

Hide child folder

I am using the file explorer control and in some of the child folders there is a folder titles Deleted that I do not want to show. How do I hide specific sub folders from view

FileExplorer

answered on 28 Apr 2014

1 answer

176 views

[Solved] Preview image without saving in database

Hi,

i'm very new for telerik controls.

i have studied for the custom handler function using asyncUpload Control, to get image preview with the link (http://demos.telerik.com/aspnet-ajax/asyncupload/examples/imageuploader/defaultcs.aspx).

the above demo link showing how to get preview image automatically saving and database and retrieving from that database. and i'm quite confused.

i have scenario for new user profile registration

i have fields example( name,email, photo)

so user will upload profile image and able to see the preview of the Image.

i want to save image in tempfolder and get preview. and finally when i click on submit button, it should save image on original path folder and also save Filename with other fields data into database. and Finally delete file from temporary folder

Please some can post the script to match my scenario

Appreciated for better response

Yasin

AsyncUpload

answered on 28 Apr 2014

5 answers

357 views

Kendo Gird with JsonResult

Hi,

Currently I have a Kendo Grid that list all users and I was able to add a column called "Reset". When admin click the "Reset" it will route to an action called "ResetPwd".

The code is as following:
{
title: 'Reset Password',
width: 100,
template: '<a href="/contacts/resetpwd/#= Email #" data-contact-id="#= Email #" title="Reset Password">Reset</a>',
filterable:false,
encoded: false
},

The action code is like following:

[Route("resetpwd/{Email}")]
public JsonResult ResetPwd(string email)
{
if (ModelState.IsValid)
{
//Update password code here

   //send email notification code here
   FormMailer.ForgotPassword(model).Send();

    return Json(new { result = 1, message = "success" }, JsonRequestBehavior.AllowGet);
}

    return Json(new { result = 0, message = "failed" }, JsonRequestBehavior.AllowGet);
}

I want to add code to the view so it will show a popup window to indicate if success or failed but I don't know how to do it.

Can anyone send me some sample code or kindly shed some lights on it?

Thanks,

Winson

Ajax

answered on 28 Apr 2014

1 answer

149 views

RadGrid FilterTemplate SelectedValue

I have a grid on a screen that the user can filter using a RadComboBox in a FilterTemplate and everything works great. I will persist this information so if the user leaves the screen and then comes back the will start with their last filter.
The issue I am having is if for some reason a user eliminates the record that the grid was filter on. If the user goes back to the page the screen errors because
SelectedValue='<%# Container.OwnerTableView.GetColumn("ClientName").CurrentFilterValue %>' is looking for a value that does not exist anymore. How can I alter the code so that it would clear there previous filter.

Grid

answered on 28 Apr 2014

4 answers

166 views

Restrict lines in column text

Hi,

Can I restrict lines in RadGridColumn's ItemTemplte text? If yes,how?

Grid

answered on 28 Apr 2014

1 answer

230 views

RadSkinManager vs. dynamically loaded controls

I have a RadSkinManager definition like this:

<telerik:RadSkinManager runat="server" ID="RadSkinManager1" ShowChooser="True" Skin="Default" >

<TargetControls>

<telerik:TargetControl ControlsToApplySkin="RadComboBox"

Skin="Glow" Enabled="true" />

<telerik:TargetControl ControlsToApplySkin="RadButton"

Skin="Black" Enabled="true" />

</TargetControls>

</telerik:RadSkinManager>

Instead of using MasterPages the site is built on Controls (ascx) dynamically loaded depending on requested service. When using the definition above, all controls have the Default skin applied except RadComboBoxes and RadButtons that are statically defined on the default.aspx page (so far, so good). RadComboBoxes and RadButtons on dynamically loaded controls have the Default skin applied until the first postback, at which time they get their explicitly assigned skins applied.

I have tried to add the following line to the Page_PreRender method on the default.aspx page:

this.RadSkinManager1.Skin = "Default";

But this doesn't make any difference.

Is something else required in order to get dynamically loaded controls to get the assigned skin on first load instead of on first postback?

I have also noted that if the SkinChooser is displayed, All RadComboBoxes are correctly styled after the first postback. If the SkinChooser is not displayed (and no other changes made), all RadComboBoxes lose their styling altogether after first postback.

SkinManager

answered on 28 Apr 2014

6 answers

680 views

Text allignment on radButton when using as ImageButton

I have a scenario that i want to use radButton as image button where i can easily adjust text-allign property to Left but i want to use text on the bottom of the button Like a scenario If we put an image/icon and Below that icon a label is placed and together they are encapsulated in a Panel. can we use RadButton in the same way? A complete example code 'll be highly appreciated while u can also pasted the code for this scenario.

Button

answered on 28 Apr 2014

1 answer

234 views

Image div has display:none style when rendered

I have a radtooltip that I am creating programmaticly void radToolTip_DataBinding(object sender, EventArgs e)

void radToolTip_DataBinding(object sender, EventArgs e)

{

System.Web.UI.WebControls.Image i = new System.Web.UI.WebControls.Image();

i.ID = "toolTipImage";

i.Height = 600;

i.Width = 800;

RadToolTipManager r = (RadToolTipManager)sender;

r.ID = "radToolTip";

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

GridDataItem container = (GridDataItem)r.NamingContainer;

r.Animation = ToolTipAnimation.FlyIn;

r.RelativeTo = ToolTipRelativeDisplay.Element;

i.ImageUrl = ((DataRowView)container.DataItem)[colname].ToString();

r.Text = i.ImageUrl.ToString();

r.Title = ((DataRowView)container.DataItem)["Description"].ToString();

r.Controls.Add(i);

}

However, when I run my page, and hover for the tooltip, the div containing the control image I added is showing "display:none;".

<div id="ctl00_MainPlaceHolder_SummaryGrid_ctl00_ctl14_radToolTip" style="display:none;position:absolute;">

<div id="ctl00_MainPlaceHolder_SummaryGrid_ctl00_ctl14_eflyerTooltipRTMPanel" style="display: block;"> </div>

<img id="ctl00_MainPlaceHolder_SummaryGrid_ctl00_ctl14_toolTipImage" style="height:600px;width:800px;" src="http://www.fakebutcorrecturl.jpg">

<input id="ctl00_MainPlaceHolder_SummaryGrid_ctl00_ctl14_radToolTip_ClientState" type="hidden" name="ctl00_MainPlaceHolder_SummaryGrid_ctl00_ctl14_radToolTip_ClientState">

</div>

All this is being done using a CustomTemplate Class that renders on a GridTemplateColumn on a radgrid.

I just need the image to show up inside the tooltip! Any help would be appreciated.

ToolTip

answered on 28 Apr 2014

1 answer

174 views

RadGrid Filter Layout bug in IE11 with scroll

Sorry for my English
Sorry if bug was published

Telerik Q1.2014 Asp.Net
Bug in IE 11
When horizontal scroll is present, filter menu shows in another place or out of the visible zone of scroll. Screens in attach

Firefox 28 - no problem

Grid

answered on 28 Apr 2014

1 answer

254 views

Hover alternate row

Hi, I am trying to modify existing skin Office2010Blue.
Hover over regular row works, but over alternate row not. Also selecting alt row not putting selected background in the row (see attached file)
        .RadGrid_Office2010Blue .rgRow:hover
        {
            background: #d8e4bc;
        }
        .RadGrid_Office2010Blue .rgAltRow:hover
        {
            background: #d8e4bc;
        }
my css

/*global*/

.RadGrid_Office2010Blue {

border: 1px solid #8ba0bc;

background: #fff;

/*font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;*/

font-family: "Lucida Sans";

color: black !important;

line-height: 16px; }

.RadGrid_Office2010Blue .rgMasterTable, .RadGrid_Office2010Blue .rgDetailTable, .RadGrid_Office2010Blue .rgGroupPanel table, .RadGrid_Office2010Blue .rgCommandRow table, .RadGrid_Office2010Blue .rgEditForm table, .RadGrid_Office2010Blue .rgPager table {

/*font: normal 18px "Segoe UI", Arial, Helvetica, sans-serif;*/

line-height: 16px;

font-family: Calibri !important; /* 03/05/2014 added word !important, in order to override original css which build-in*/

color: black !important;

font-size: 10pt !important;

}

.GridToolTip_Office2010Blue {

font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;

line-height: 16px; }

.RadGrid_Office2010Blue .rgHeader:first-child, .RadGrid_Office2010Blue th.rgResizeCol:first-child, .RadGrid_Office2010Blue .rgFilterRow > td:first-child, .RadGrid_Office2010Blue .rgRow > td:first-child, .RadGrid_Office2010Blue .rgAltRow > td:first-child {

border-left-width: 0;

padding-left: 8px; }

.RadGrid_Office2010Blue .rgSave, .RadGrid_Office2010Blue .rgAdd, .RadGrid_Office2010Blue .rgRefresh, .RadGrid_Office2010Blue .rgEdit, .RadGrid_Office2010Blue .rgDel, .RadGrid_Office2010Blue .rgFilter, .RadGrid_Office2010Blue .rgPagePrev, .RadGrid_Office2010Blue .rgPageNext, .RadGrid_Office2010Blue .rgPageFirst, .RadGrid_Office2010Blue .rgPageLast, .RadGrid_Office2010Blue .rgExpand, .RadGrid_Office2010Blue .rgCollapse, .RadGrid_Office2010Blue .rgSortAsc, .RadGrid_Office2010Blue .rgSortDesc, .RadGrid_Office2010Blue .rgUpdate, .RadGrid_Office2010Blue .rgCancel, .RadGrid_Office2010Blue .rgUngroup, .RadGrid_Office2010Blue .rgExpXLS, .RadGrid_Office2010Blue .rgExpDOC, .RadGrid_Office2010Blue .rgExpPDF, .RadGrid_Office2010Blue .rgExpCSV {

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

* html .RadGrid_Office2010Blue .rgAdd,

* html .RadGrid_Office2010Blue .rgRefresh,

* html .RadGrid_Office2010Blue .rgEdit,

* html .RadGrid_Office2010Blue .rgDel,

* html .RadGrid_Office2010Blue .rgFilter,

* html .RadGrid_Office2010Blue .rgPagePrev,

* html .RadGrid_Office2010Blue .rgPageNext,

* html .RadGrid_Office2010Blue .rgPageFirst,

* html .RadGrid_Office2010Blue .rgPageLast,

* html .RadGrid_Office2010Blue .rgExpand,

* html .RadGrid_Office2010Blue .rgCollapse,

* html .RadGrid_Office2010Blue .rgSortAsc,

* html .RadGrid_Office2010Blue .rgSortDesc,

* html .RadGrid_Office2010Blue .rgUpdate,

* html .RadGrid_Office2010Blue .rgCancel,

* html .RadGrid_Office2010Blue .rgUngroup,

* html .RadGrid_Office2010Blue .rgExpXLS,

* html .RadGrid_Office2010Blue .rgExpDOC,

* html .RadGrid_Office2010Blue .rgExpPDF,

* html .RadGrid_Office2010Blue .rgExpCSV,

* html .RadGrid_Office2010Blue .rgHeaderDiv,

* html .RadGrid_Office2010Blue .rgHeader,

* html .RadGrid_Office2010Blue th.rgResizeCol,

* html .RadGrid_Office2010Blue .rgSelectedRow,

* html .RadGrid_Office2010Blue .rgSelectedRow.rgHoveredRow,

* html .RadGrid_Office2010Blue .rgActiveRow,

* html .RadGrid_Office2010Blue .rgHoveredRow,

* html .RadGrid_Office2010Blue .rgFooterDiv,

* html .RadGrid_Office2010Blue .rgFooter,

* html .RadGrid_Office2010Blue .rgPager,

* html .RadGrid_Office2010Blue .rgPager .rgPagerButton,

* html .RadGrid_Office2010Blue .rgNumPart a:hover,

* html .RadGrid_Office2010Blue .rgNumPart a:hover span,

* html .RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage,

* html .RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage span,

* html .GridReorderTop_Office2010Blue,

* html .GridReorderBottom_Office2010Blue,

* html .RadGrid_Office2010Blue .rgGroupItem,

* html .RadGrid_Office2010Blue .rgCommandRow {

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

/*header*/

.RadGrid_Office2010Blue .rgHeaderDiv {

background: #d6e5f3 0 -8050px repeat-x url('Grid/sprite.png'); }

.rgTwoLines .rgHeaderDiv {

background-position: 0 -7550px; }

.RadGrid_Office2010Blue .rgHeader, .RadGrid_Office2010Blue th.rgResizeCol, .RadGrid_Office2010Blue .rgHeaderWrapper

{

background-color: #4f81bd;

color: #fff;

border-bottom: 2px solid #c0504d;

border-left: 1px solid #7ba0cd;

border-right: 1px solid #7ba0cd;

border-top: 1px solid #7ba0cd;

font-family: Arial;

font-size: 11pt;

}

.RadGrid_Office2010Blue .rgHeaderDiv {

border-right-color: #9babc2; }

.RadGrid_Office2010Blue .rgMultiHeaderRow th.rgHeader, .RadGrid_Office2010Blue .rgMultiHeaderRow th.rgResizeCol {

border: solid #8ba0bc;

border-width: 0 0 1px 1px;

background: #bdcbde 0 -2300px repeat-x url('Grid/sprite.png');

}

.RadGrid_Office2010Blue th.rgSorted {

border-bottom-color: #c28a30;

background-color: #fff27e;

background-position: 0 -2600px; }

.RadGrid_Office2010Blue .rgHeader, .RadGrid_Office2010Blue th.rgSorted {

color: #384e73; }

.RadGrid_Office2010Blue .rgHeader a, .RadGrid_Office2010Blue th.rgSorted a

{

color: #ffffff;

font-weight: bold;

}

.RadGrid_Office2010Blue .rgRow td, .RadGrid_Office2010Blue .rgAltRow td, .RadGrid_Office2010Blue .rgEditRow td, .RadGrid_Office2010Blue .rgFooter td {

border-style: solid;

border-width: 0 0 1px 1px;

}

.RadGrid_Office2010Blue .rgRow td, .RadGrid_Office2010Blue .rgAltRow td {

border-color: #7ba0cd;

}

.RadGrid_Office2010Blue .rgRow .rgSorted, .RadGrid_Office2010Blue .rgAltRow .rgSorted {

background-color: #ecf2f9; }

.RadGrid_Office2010Blue .rgSelectedRow .rgSorted, .RadGrid_Office2010Blue .rgActiveRow .rgSorted, .RadGrid_Office2010Blue .rgHoveredRow .rgSorted, .RadGrid_Office2010Blue .rgEditRow .rgSorted {

background-color: transparent; }

.RadGrid_Office2010Blue .rgRow a, .RadGrid_Office2010Blue .rgAltRow a, .RadGrid_Office2010Blue .rgEditRow a, .RadGrid_Office2010Blue .rgFooter a, .RadGrid_Office2010Blue .rgEditForm a {

color: #384e73; }

.RadGrid_Office2010Blue .rgMasterTable .rgSelectedCell {

background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png'); }

.RadGrid_Office2010Blue .rgSelectedRow

{

background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png');

}

.RadGrid_Office2010Blue .rgSelectedRow > td {

background-position: 0 100%;

background-repeat: repeat-x; }

.RadGrid_Office2010Blue .rgSelectedRow.rgHoveredRow {

background: #fcebb9 0 -3200px repeat-x url('Grid/sprite.png'); }

.RadGrid_Office2010Blue .rgSelectedRow.rgHoveredRow td {

background-image: none; }

/*rows*/

* + html .RadGrid_Office2010Blue .rgSelectedRow .rgSorted, * html .RadGrid_Office2010Blue .rgSelectedRow .rgSorted {

background-color: #ffcb60; }

.RadGrid_Office2010Blue .rgRow:hover

{

background: #d8e4bc;

}

.RadGrid_Office2010Blue .rgAltRow:hover

{

background: #d8e4bc;

}

.RadGrid_Office2010Blue .rgMasterTable .rgActiveCell, .RadGrid_Office2010Blue .rgActiveRow, .RadGrid_Office2010Blue .rgHoveredRow {

background: #d8e4bc; }

* + html .RadGrid_Office2010Blue .rgActiveRow .rgSorted, * + html .RadGrid_Office2010Blue .rgHoveredRow .rgSorted {

background-color: #ecf4ff; }

* html .RadGrid_Office2010Blue .rgActiveRow .rgSorted, * html .RadGrid_Office2010Blue .rgHoveredRow .rgSorted {

background-color: #ecf4ff; }

.RadGrid_Office2010Blue .rgEditRow {

background: #ebebeb; }

* + html .RadGrid_Office2010Blue .rgEditRow .rgSorted, * html .RadGrid_Office2010Blue .rgEditRow .rgSorted {

background-color: #ffe5ad; }

.RadGrid_Office2010Blue .rgSelectedRow td, .RadGrid_Office2010Blue .rgActiveRow td, .RadGrid_Office2010Blue .rgHoveredRow td, .RadGrid_Office2010Blue .rgEditRow td {

padding-left: 8px; }

.RadGrid_Office2010Blue .rgSelectedRow td {

border-bottom-color: #7ba0cd;

}

.RadGrid_Office2010Blue .rgActiveRow td, .RadGrid_Office2010Blue .rgHoveredRow td, .RadGrid_Office2010Blue .rgEditRow td {

border-bottom-color: #d0d7e5; }

.RadGrid_Office2010Blue .rgDrag {

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

.RadGrid_Office2010Blue .rgFooterDiv, .RadGrid_Office2010Blue .rgFooter, .RadGrid_Office2010Blue .rgFooterWrapper {

background: #bbcee4 0 -6500px repeat-x url('Grid/sprite.png'); }

.RadGrid_Office2010Blue .rgFooter td, .RadGrid_Office2010Blue .rgFooterWrapper {

border-width: 1px 0 0;

border-color: #8ba0bc #fff #fff;

padding-left: 8px; }

.RadGrid_Office2010Blue .rgPager .rgStatus {

border: 1px solid;

border-width: 1px 1px 0 0;

border-color: #8ba0bc; }

.RadGrid_Office2010Blue .rgStatus div {

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

.RadGrid_Office2010Blue .rgPager {

background: #b4c5d9 0 -6999px repeat-x url('Grid/sprite.png');

color: #384e73; }

.RadGrid_Office2010Blue td.rgPagerCell {

border-top: 1px solid #8ba0bc;

border-left: 1px solid #f5faff; }

.RadGrid_Office2010Blue .rgPageFirst {

margin: 0 3px 0 0;

background-position: 0 -550px; }

.RadGrid_Office2010Blue .rgPageFirst:hover {

background-position: 0 -600px; }

.RadGrid_Office2010Blue .rgPagePrev {

margin: 0 3px 0 0;

background-position: 0 -700px; }

.RadGrid_Office2010Blue .rgPagePrev:hover {

background-position: 0 -750px; }

.RadGrid_Office2010Blue .rgPageNext {

margin: 0 0 0 3px;

background-position: 0 -850px; }

.RadGrid_Office2010Blue .rgPageNext:hover {

background-position: 0 -900px; }

.RadGrid_Office2010Blue .rgPageLast {

margin: 0 0 0 3px;

background-position: 0 -1000px; }

.RadGrid_Office2010Blue .rgPageLast:hover {

background-position: 0 -1050px; }

.RadGrid_Office2010Blue .rgPager .rgPagerButton {

border-color: #7793b9;

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

color: #00156e;

font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;

line-height: 12px; }

.RadGrid_Office2010Blue .rgNumPart a {

color: #384e73; }

.RadGrid_Office2010Blue .rgNumPart a:hover, .RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage {

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

.RadGrid_Office2010Blue .rgNumPart a:hover span, .RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage span {

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

.RadGrid_Office2010Blue .rgNumPart a:hover {

background-position: 100% -1250px;

color: #1e395b; }

.RadGrid_Office2010Blue .rgNumPart a:hover span {

background-position: 0 -1150px; }

.RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage {

background-position: 100% -1450px;

color: #384e73; }

.RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage:hover {

background-position: 100% -1450px;

color: #384e73; }

.RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage span, .RadGrid_Office2010Blue .rgNumPart a.rgCurrentPage:hover span {

background-position: 0 -1350px; }

.RadGrid_Office2010Blue .rgHeader .rgSortAsc {

background-position: 3px -147px;

height: 10px; }

.RadGrid_Office2010Blue .rgHeader .rgSortDesc {

background-position: 3px -197px;

height: 10px; }

/*footer*/

/*status*/

/*pager*/

/*sorting, reordering*/

.GridReorderTop_Office2010Blue {

height: 12px;

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

.GridReorderBottom_Office2010Blue {

height: 12px;

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

background-position: 0 -50px; }

/*filtering*/

.RadGrid_Office2010Blue .rgFilterRow {

background: #dae7f5; }

.RadGrid_Office2010Blue .rgFilterRow td {

border-style: solid;

border-color: #8ba0bc;

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

.RadGrid_Office2010Blue .rgFilter {

background-position: 0 -300px; }

.RadGrid_Office2010Blue .rgFilter:hover {

background-position: 0 -350px; }

.RadGrid_Office2010Blue .rgFilterActive {

background-position: 0 -400px; }

.RadGrid_Office2010Blue .rgFilterActive:hover {

background-position: 0 -400px; }

.RadGrid_Office2010Blue .rgFilterBox {

border-color: #9babc2;

font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;

color: #000; }

/*filter context menu*/

.RadMenu_Office2010Blue .rgHCMClear, .RadMenu_Office2010Blue .rgHCMFilter {

border-color: #a7bedb #7d98bd #a3bad8;

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

color: #00156e;

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

.RadMenu_Office2010Blue .rgHCMClear:hover, .RadMenu_Office2010Blue .rgHCMFilter:hover {

border-color: #d8ca95 #b9a073 #c6ba9d;

background-position: center -67px;

background-color: #ffe18a;

color: #000; }

/*context menu*/

.GridContextMenu_Office2010Blue .rmLeftImage {

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

.GridContextMenu_Office2010Blue .rgHCMSortAsc .rmLeftImage {

background-position: 0 0; }

.GridContextMenu_Office2010Blue .rgHCMSortDesc .rmLeftImage {

background-position: 0 -40px; }

.GridContextMenu_Office2010Blue .rgHCMUnsort .rmLeftImage {

background-position: 0 -80px; }

.GridContextMenu_Office2010Blue .rgHCMGroup .rmLeftImage {

background-position: 0 -120px; }

.GridContextMenu_Office2010Blue .rgHCMUngroup .rmLeftImage {

background-position: 0 -160px; }

.GridContextMenu_Office2010Blue .rgHCMCols .rmLeftImage {

background-position: 0 -200px; }

.GridContextMenu_Office2010Blue .rgHCMFilter .rmLeftImage {

background-position: 0 -240px; }

.GridContextMenu_Office2010Blue .rgHCMUnfilter .rmLeftImage {

background-position: 0 -280px; }

/*grouping*/

.RadGrid_Office2010Blue .rgGroupPanel {

border: 0 solid #8ba0bc;

border-bottom-width: 1px;

background: #dae7f5; }

.RadGrid_Office2010Blue .rgGroupPanel td {

border: 0;

padding: 3px 4px;

vertical-align: middle; }

.RadGrid_Office2010Blue .rgGroupPanel td td {

padding: 0; }

.RadGrid_Office2010Blue .rgGroupPanel .rgSortAsc {

background-position: 4px -144px; }

.RadGrid_Office2010Blue .rgGroupPanel .rgSortDesc {

background-position: 4px -194px; }

.RadGrid_Office2010Blue .rgUngroup {

background-position: 0 -7500px; }

.RadGrid_Office2010Blue .rgGroupItem {

border: 1px solid #7793b9;

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

color: #00156e; }

.RadGrid_Office2010Blue .rgGroupHeader {

background: #dae7f5;

font-size: 1.1em;

line-height: 21px;

color: #384e73; }

.RadGrid_Office2010Blue .rgGroupHeader td {

border-bottom: 1px solid #dadcdd;

padding-left: 8px; }

.RadGrid_Office2010Blue td.rgGroupCol, .RadGrid_Office2010Blue td.rgExpandCol {

background: #dae7f5;

border-color: #dae7f5; }

.RadGrid_Office2010Blue .rgGroupHeader .rgExpand {

background-position: 5px -495px; }

.RadGrid_Office2010Blue .rgGroupHeader .rgCollapse {

background-position: 3px -93px; }

.RadGrid_Office2010Blue .rgEditForm {

border-bottom: 1px solid #8ba0bc; }

.RadGrid_Office2010Blue .rgUpdate {

background-position: 0 -1800px; }

.RadGrid_Office2010Blue .rgCancel {

background-position: 0 -1850px; }

.RadGrid_Office2010Blue .rgCommandRow .rgCancel {

background-position: 3px -1877px; }

.RadGrid_Office2010Blue .rgDetailTable {

border-color: #688caf; }

.RadGrid_Office2010Blue .rgExpand {

background-position: 5px -496px; }

.RadGrid_Office2010Blue .rgCollapse {

background-position: 3px -94px; }

.RadGrid_Office2010Blue .rgCommandRow {

background: #bdcbde 0 -2100px repeat-x url('Grid/sprite.png');

color: #333; }

.RadGrid_Office2010Blue .rgCommandCell {

border: 0;

padding: 0; }

.RadGrid_Office2010Blue thead .rgCommandCell {

border-bottom: 1px solid #8ba0bc; }

.RadGrid_Office2010Blue .rgCommandTable td {

border: 0;

padding: 2px 7px; }

.RadGrid_Office2010Blue .rgCommandRow a {

color: #242424;

text-decoration: none; }

.RadGrid_Office2010Blue .rgAdd {

margin-right: 3px;

background-position: 0 -1650px; }

.RadGrid_Office2010Blue .rgSave {

background-position: 3px -1825px; }

.RadGrid_Office2010Blue .rgRefresh {

margin-right: 3px;

background-position: 0 -1600px; }

.RadGrid_Office2010Blue .rgEdit {

background-position: 0 -1700px; }

.RadGrid_Office2010Blue .rgDel {

background-position: 0 -1750px; }

.RadGrid_Office2010Blue .rgExpXLS, .RadGrid_Office2010Blue .rgExpDOC, .RadGrid_Office2010Blue .rgExpPDF, .RadGrid_Office2010Blue .rgExpCSV {

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

.RadGrid_Office2010Blue .rgExpXLS {

background-position: 0 0; }

.RadGrid_Office2010Blue .rgExpDOC {

background-position: 0 -50px; }

.RadGrid_Office2010Blue .rgExpPDF {

background-position: 0 -100px; }

.RadGrid_Office2010Blue .rgExpCSV {

background-position: 0 -150px; }

/*editing*/

/*hierarchy*/

/*command row*/

/*multirow select*/

.rgCellSelectorArea_Office2010Blue, .GridRowSelector_Office2010Blue {

background: #00156e; }

/*row drag n drop*/

.GridItemDropIndicator_Office2010Blue {

border-top: 1px dashed #00156e; }

/*tooltip*/

.GridToolTip_Office2010Blue {

border: 1px solid #6187b8;

padding: 3px;

background: #d7e3f2;

color: #333; }

/*rtl*/

.RadGridRTL_Office2010Blue .rgHeader:first-child, .RadGridRTL_Office2010Blue th.rgResizeCol:first-child, .RadGridRTL_Office2010Blue .rgFilterRow > td:first-child, .RadGridRTL_Office2010Blue .rgRow > td:first-child, .RadGridRTL_Office2010Blue .rgAltRow > td:first-child {

border-left-width: 1px;

padding-left: 7px; }

.RadGridRTL_Office2010Blue .rgPageFirst {

background-position: 0 -1000px; }

.RadGridRTL_Office2010Blue .rgPageFirst:hover {

background-position: 0 -1050px; }

.RadGridRTL_Office2010Blue .rgPagePrev {

margin: 0 0 0 3px;

background-position: 0 -850px; }

.RadGridRTL_Office2010Blue .rgPagePrev:hover {

background-position: 0 -900px; }

.RadGridRTL_Office2010Blue .rgPageNext {