Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,753 questions
1 answer
80 views
Can SortExpression differ from DataField with GridTemplateColumn?

pls delete
Grid
Pavlina
Telerik team
 answered on 06 Oct 2010
3 answers
54 views
column moving left as when i increase header width
Hi,

In My radgrid if i increase the header width the column is shifting to the left(Please see the images). How to resolve this issue.


<div style="width: 100%; height: 650px; overflow: auto; overflow-y: hidden">
    <telerik:RadGrid ID="gvPjtMnt" runat="server" AutoGenerateColumns="false" Height="600px"
        BorderWidth="2px" BorderStyle="Solid" BackColor="White" AllowPaging="True" PagerStyle-AlwaysVisible="true"
        PageSize="20" AllowSorting="True" OnNeedDataSource="gvPjtMnt_OnNeedDataSource"
        AllowFilteringByColumn="true" OnItemCommand="gvPjtMnt_ItemCommand" OnItemCreated="gvPjtMnt_ItemCreated"
        OnItemDataBound="gvPjtMnt_ItemDataBound" OnPreRender="gvPjtMnt_PreRender">
        <HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"
            HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />
        <AlternatingItemStyle Font-Size="8pt" BackColor="#F5F5E9" HorizontalAlign="Center"
            BorderWidth="1px" BorderColor="White" />
        <MasterTableView GridLines="None" DataKeyNames="ProjectId" CommandItemDisplay="Top">
            <CommandItemTemplate>
                <table style="width: 100%">
                    <tr align="right">
                        <td style="width: 75%">
                        </td>
                        <td align="right">
                            <asp:linkbutton id="lnkshwFilter" text="ShowFilter" font-underline="true" forecolor="MidnightBlue"
                                runat="server" onclientclick="return showFilterItem()" />
                            <asp:linkbutton id="lnkhdFilter" text="HideFilter" font-underline="true" forecolor="MidnightBlue"
                                runat="server" onclientclick="return hideFilterItem()" />
                        </td>
                        <td align="right">
                            <asp:linkbutton id="lnkclrFilter" text="ClearFilter" font-underline="true" forecolor="MidnightBlue"
                                runat="server" onclick="lnkclrFilter_Click"></asp:linkbutton>
                        </td>
                        <td align="right">
                            Total Records found: <asp:label id="lblTotRecCount" runat="server" font-bold="True"
                                font-size="10pt" forecolor="Black" text="0"></asp:label>
                        </td>
                        <td align="right" valign="middle">
                            <asp:imagebutton id="lnkExportAll" imageurl="~/images/Excel.png" tooltip="Export All"
                                runat="server" onclick="ExportAll_Click" />
                        </td>
                        <td align="right" valign="middle">
                            <asp:imagebutton id="ExportToExcelButton" runat="server" imageurl="~/images/ExportToExcel.gif"
                                tooltip="Export to Excel" onclick="ExportExcel_Click" />
                        </td>
                    </tr>
                </table>
            </CommandItemTemplate>
            <Columns>
                <telerik:GridBoundColumn DataField="ProjectId" UniqueName="ProjectId" Visible="false">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="LOB" DataField="LOB" UniqueName="LOB">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Division Name" DataField="Division" UniqueName="Division">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Region Name" DataField="MarketName" UniqueName="MarketName">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Project Name" DataField="ProjectName" UniqueName="ProjectName">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Project Manager Name" DataField="ProjectMgrName"
                    UniqueName="ProjectMgrName">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Number Of Sites Received" DataField="NumSitesReceived"
                    UniqueName="NumSitesReceived">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Accept Service Order Date" DataField="AcceptServiceOrderTaskCompleteDate"
                    UniqueName="AcceptServiceOrderTaskCompleteDate" DataFormatString="{0:MM/dd/yyyy}">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="PTD" DataField="PTD" UniqueName="PTD" DataFormatString="{0:MM/dd/yyyy}">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Health Reason" DataField="HealthReason" UniqueName="HealthReason">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Project Health" DataField="ProjectHealth" UniqueName="ProjectHealth">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Customer Signed Date" DataField="CustomerSignedDate"
                    UniqueName="CustomerSignedDate" DataFormatString="{0:MM/dd/yyyy}">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="OA Complete Date" DataField="OACompleteDate"
                    UniqueName="OACompleteDate" DataFormatString="{0:MM/dd/yyyy}">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Customer Requested Due Date" DataField="CustomerRequestedDueDate"
                    UniqueName="CustomerRequestedDueDate" DataFormatString="{0:MM/dd/yyyy}">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Last Note Added" DataField="LastNoteAdded" HeaderStyle-Width="10%"
                    ItemStyle-Width="10%" UniqueName="LastNoteAdded">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn UniqueName="EditRows" HeaderStyle-Width="2%" ItemStyle-Width="2%"
                    AllowFiltering="false">
                    <ItemTemplate>
                        <asp:imagebutton runat="server" id="EditPMTsk" commandname="EditRow" imageurl="Images/edit-icon.png"
                            imagealign="Middle" tooltip="Edit Task" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings AllowColumnsReorder="true">
            <ClientEvents OnGridCreated="GridCreated" />
            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
            <Resizing AllowColumnResize="true" EnableRealTimeResize="false" ResizeGridOnColumnResize="false"
                AllowRowResize="false" />
        </ClientSettings>
        <ItemStyle HorizontalAlign="Center" />
    </telerik:RadGrid>
</div>
Grid
Dimo
Telerik team
 answered on 06 Oct 2010
3 answers
148 views
Reorder listbox items using keyboard
Hi ,

In Continuation to following ticket


http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=297156


I am using Listbox control below code is provided by Telerik team to support Keyboard navigation.
Issue

1 . This code works fine but i have issue how to reorder Items using keyboard.
2,  OnClientTransferred : This is getting fired when button clicked from mouse to move items between listboxes, but when i tranfer  items   using keyboard this event is not fired.

And i am using Listbox control in a userControl and i have some buttons outside usercontrol . When i click tab control goes to First Listbox on second tab it goes to second listbox control but it never goes to button between listboxes.

Below code provided by Telerik  --. This works fine when placed on page. But when placed inside usercontrol and then usercontrol on page then control never goes to Buttons between listboxes. Moreover i have to give tabindexes to rest control in my page that i dont want. Is there any other way without using Tabindex in Listbox control

<div>
    <asp:ScriptManager ID="ss" runat="server" />
      
     <telerik:RadListBox runat="server" ID="RadListBox1" SelectionMode="Multiple" TabIndex="1"
        AccessKey="l" Height="200px" AllowDelete="true" AllowTransfer="true" TransferToID="RadListBox2"
        OnClientLoad="onSourceLoad">
        <ButtonSettings ShowDelete="false" />
        <Items>
            <telerik:RadListBoxItem Text="Amsterdam" />
            <telerik:RadListBoxItem Text="Barcelona" />
            <telerik:RadListBoxItem Text="Bonn" />
            <telerik:RadListBoxItem Text="Boston" />
            <telerik:RadListBoxItem Text="Brussels" />
            <telerik:RadListBoxItem Text="Dallas" />
            <telerik:RadListBoxItem Text="Denver" />
            <telerik:RadListBoxItem Text="Dublin" />
            <telerik:RadListBoxItem Text="Liverpool" />
            <telerik:RadListBoxItem Text="London" />
            <telerik:RadListBoxItem Text="Madrid" />
            <telerik:RadListBoxItem Text="Miami" />
            <telerik:RadListBoxItem Text="Moscow" />
            <telerik:RadListBoxItem Text="New York" />
            <telerik:RadListBoxItem Text="Oslo" />
            <telerik:RadListBoxItem Text="Paris" />
            <telerik:RadListBoxItem Text="San Francisco" />
            <telerik:RadListBoxItem Text="Seattle" />
            <telerik:RadListBoxItem Text="Sofia" />
            <telerik:RadListBoxItem Text="St.Paul" />
        </Items>
    </telerik:RadListBox>
     <telerik:RadListBox runat="server" ID="RadListBox2" SelectionMode="Multiple" TabIndex="2"
        AccessKey="t" Height="200px" OnClientLoad="onDestinationLoad" >
    </telerik:RadListBox>
    </div>
    <script type="text/javascript">
        var source;
 
        function onKeyDown(listBox, e) {
            if (e.keyCode == 39) {
                var selectedItems = listBox.get_selectedItems();
 
                $telerik.$.each(selectedItems, function() {
                    source.transferToDestination(this);
                });
            }
            else if (e.keyCode == 37) {
                var selectedItems = listBox.get_selectedItems();
 
                $telerik.$.each(selectedItems, function() {
                    source.transferFromDestination(this);
                });
            }
        }
 
        function onSourceLoad(sender) {
            source = sender;
 
            $telerik.$(".rlbGroup", sender.get_element())
        .bind("keydown", function(e) {
            onKeyDown(sender, e);
        });
        }
 
        function onDestinationLoad(sender) {
            $telerik.$(".rlbGroup", sender.get_element())
        .bind("keydown", function(e) {
            onKeyDown(sender, e);
        });
        }
 
    </script>


Thanks
Sumit
ListBox
Genady Sergeev
Telerik team
 answered on 06 Oct 2010
1 answer
69 views
Hyperlink manager access a DB

I am using a radeditor and I need to be able to add a hyperlink to other web pages created by the radeditor. The content of these pages are stored in a db and is accessed with the use of query strings, is there some way to have the hyperlink manager create these links or how can I build a custom dialog as part of the hyperlink manager that would pull up a listing of my database content?

Editor
Dobromir
Telerik team
 answered on 06 Oct 2010
1 answer
170 views
Rename or save as when uploading file

I would like to add a method to strip out special characters from a filename when it is uploaded, but I am not sure where to put the code. With the regular upload control you can use the saveas dialoge, but I am not sure where to implement this code in the file explorer control. My code looks like this:

if (e.Command == "UploadFile")
            {
                RadFileExplorer explorer = sender as RadFileExplorer;
                if (explorer != null)
                {
                    int ItemId = Convert.ToInt32(explorer.Attributes["ItemId"]);
                    string[] aFolder = e.Path.Split('/');
  
                    foreach (UploadedFile file in explorer.Upload.UploadedFiles)
FileExplorer
Dobromir
Telerik team
 answered on 06 Oct 2010
1 answer
146 views
Make zebra background color in Edit mode
Hi all!

I already have a RadGrid which in Edit Mode.
And it's using My Custom Skin which based on the Telerik Skin.
I would like to make the background as zebra as in the normal mode.
Any ways to do that?

Thanks!

Andy.

My Custum SKin Code:
/*GridSkin RadGrid GridSkin Skin*/
 
/*global*/
 
.RadGrid_GridSkin
{
    border:1px solid #828282;
    background:#fff;
    color:#000;
    font-size:11px;
    font-family:Arial;
}
 
.RadGrid_GridSkin,
.RadGrid_GridSkin .rgMasterTable,
.RadGrid_GridSkin .rgDetailTable,
.RadGrid_GridSkin .rgGroupPanel table,
.RadGrid_GridSkin .rgCommandRow table,
.RadGrid_GridSkin .rgEditForm table,
.RadGrid_GridSkin .rgPager table,
.GridToolTip_GridSkin
{
    font:11px/11px arial;
}
 
.RadGrid_GridSkin .rgAdd,
.RadGrid_GridSkin .rgRefresh,
.RadGrid_GridSkin .rgEdit,
.RadGrid_GridSkin .rgDel,
.RadGrid_GridSkin .rgFilter,
.RadGrid_GridSkin .rgPagePrev,
.RadGrid_GridSkin .rgPageNext,
.RadGrid_GridSkin .rgPageFirst,
.RadGrid_GridSkin .rgPageLast,
.RadGrid_GridSkin .rgExpand,
.RadGrid_GridSkin .rgCollapse,
.RadGrid_GridSkin .rgSortAsc,
.RadGrid_GridSkin .rgSortDesc,
.RadGrid_GridSkin .rgUpdate,
.RadGrid_GridSkin .rgCancel,
.RadGrid_GridSkin .rgUngroup,
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
 
/*header*/
 
 
.RadGrid_GridSkin .rgHeader
{
    border-style:none none none solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
.RadGrid_GridSkin .rgHeader a
{
     
    background:#00a14d;
    color:white;
    font-weight:bold;
    font-size:11px;
}
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    font-weight:bold;
    color:white;
     background:#00a14d;
      
}
/*rows*/
 
.RadGrid_GridSkin .rgRow td,
.RadGrid_GridSkin .rgAltRow td,
 
 
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;  
}
 
.RadGrid_GridSkin .rgRow
{
    border-color:#c9c299;
     
}
.RadGrid_GridSkin .rgAltRow
{
    background:#EBEBEB;
    border-color:#c9c299;
}
 
 
.RadGrid_GridSkin .rgRow .rgSorted,
.RadGrid_GridSkin .rgAltRow .rgSorted
{
    border-color:#C9C299;
    background-color:#d7f8cc;
}
 
.RadGrid_GridSkin .rgSelectedRow .rgSorted,
.RadGrid_GridSkin .rgActiveRow .rgSorted,
.RadGrid_GridSkin .rgHoveredRow .rgSorted,
.RadGrid_GridSkin .rgEditRow .rgSorted
{
    background-color:transparent;
     
}
 
.RadGrid_GridSkin .rgRow a,
.RadGrid_GridSkin .rgAltRow a,
.RadGrid_GridSkin .rgEditRow a,
.RadGrid_GridSkin .rgFooter a,
.RadGrid_GridSkin .rgEditForm a
{
    color:blue; /* Delete & Edit Color */
}
 
.RadGrid_GridSkin .rgSelectedRow
{
    background:#DCFC5C;
     
}
*+html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
* html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
 
.RadGrid_GridSkin .rgActiveRow,
.RadGrid_GridSkin .rgHoveredRow
{
    background:#a2ea8b;
    /* background:#DCFC5C;*/
}
*+html .RadGrid_GridSkin .rgActiveRow .rgSorted,
*+html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
* html .RadGrid_GridSkin .rgActiveRow .rgSorted,
* html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
 
.RadGrid_GridSkin .rgEditRow
{
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
* html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
 
.RadGrid_GridSkin .rgActiveRow td,
.RadGrid_GridSkin .rgActiveRow td.rgSorted,
.RadGrid_GridSkin .rgHoveredRow td
.RadGrid_GridSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#28a800;
}
 
.RadGrid_GridSkin .rgSelectedRow td,
.RadGrid_GridSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#C9C299;
}
 
.RadGrid_GridSkin .rgEditRow td
{
     
    background:#DCFC5C;
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
 
.RadGrid_GridSkin .rgNoRecords
{
    border:solid;
    border-width:10px 10px 10px 10px;
    border-color:red;
}
 
 
.RadGrid_GridSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#333;
}
 
.RadGrid_GridSkin .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}
 
/*footer*/
 
.RadGrid_GridSkin .rgFooterDiv,
.RadGrid_GridSkin .rgFooter
{
    background:#eee;
}
 
.RadGrid_GridSkin .rgFooter td
{
    border-color: #C9C299;
}
 
/*status*/
 
.RadGrid_GridSkin .rgStatus
{
     
}
 
.RadGrid_GridSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
 
/*pager*/
 
.RadGrid_GridSkin .rgPager
{
    background:#fff;
     
}
 
.RadGrid_GridSkin td.rgPagerCell
{
    /*
    border:1px solid;
    border-color:#828282 #eee #eee;
    border-right:0;
    */
    font-size:15px;
}
 
.RadGrid_GridSkin .rgInfoPart
{
    color:#8a8a8a;
}
 
.RadGrid_GridSkin .rgInfoPart strong
{
    color:#4c4e54;
}
 
.RadGrid_GridSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_GridSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_GridSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_GridSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_GridSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_GridSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_GridSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_GridSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}
 
.RadGrid_GridSkin .rgPager .rgPagerButton
{
    border-color:#d0d0d0 #aeaeae #8b8b8b;
    background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:10px/10px "segoe ui",arial,sans-serif;
}
 
.RadGrid_GridSkin .rgNumPart a:hover,
.RadGrid_GridSkin .rgNumPart a:hover span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgNumPart a
{
    color:#000;
}
 
.RadGrid_GridSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
}
 
.RadGrid_GridSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
 
/*sorting, reordering*/
 
.RadGrid_GridSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
 
.RadGrid_GridSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
 
.GridReorderTop_GridSkin,
.GridReorderBottom_GridSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
 
.GridReorderBottom_GridSkin
{
    background-position:0 -50px;
}
 
/*filtering*/
 
.RadGrid_GridSkin .rgFilterRow
{
    background:#FFE0C0;
}
 
.RadGrid_GridSkin .rgFilterRow td
{
     
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
     
}
 
.RadGrid_GridSkin .rgFilter
{
    background-position:0 -300px;
}
 
.RadGrid_GridSkin .rgFilter:hover
{
    background-position:0 -350px;
}
 
.RadGrid_GridSkin .rgFilterActive,
.RadGrid_GridSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}
 
.RadGrid_GridSkin .rgFilterBox
{
    /* border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e; */
    font:11px "segoe ui",arial,sans-serif;
    color:#333;
    border-color:#7F9DB9;
}
 
/*filter context menu*/
 
.RadMenu_GridSkin .rgHCMClear,
.RadMenu_GridSkin .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_GridSkin .rgHCMClear:hover,
.RadMenu_GridSkin .rgHCMFilter:hover
{
    /*border-color:#2ebf00 #2bb500 #28a800;*/
    background-position:center -67px;
    background-color:#a2ea8b;
}
 
/*grouping*/
 
.RadGrid_GridSkin .rgGroupPanel
{
    border:0;
    border-bottom:1px solid #828282;
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}
 
.RadGrid_GridSkin .rgGroupPanel td td
{
    padding:0;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortAsc
{
    background-position:4px -143px;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortDesc
{
    background-position:4px -93px;
}
 
.RadGrid_GridSkin .rgUngroup
{
    background-position:0 -7498px;
}
 
.RadGrid_GridSkin .rgGroupItem
{
    border:1px solid;
    border-color:red;
}
 
.RadGrid_GridSkin .rgMasterTable td.rgGroupCol,
.RadGrid_GridSkin .rgMasterTable td.rgExpandCol
{
    border-color:#d2f8c5;
    background:#d2f8c5 none;
}
 
.RadGrid_GridSkin .rgGroupHeader,
.RadGrid_GridSkin .rgGroupHeader td.rgGroupCol
{
    background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupHeader
{
    font-size:1.1em;
    line-height:21px;
}
 
.RadGrid_GridSkin .rgGroupHeader td
{
    border-bottom:1px solid #98ec7d;
    font-weight: bold;
}
 
.RadGrid_GridSkin .rgExpand
{
    background-position:5px -496px;
}
 
.RadGrid_GridSkin .rgCollapse
{
    background-position:3px -444px;
}
 
 
 
/*editing*/
 
.RadGrid_GridSkin .rgEditForm
{
    border-bottom:1px solid red;
     
}
 
.RadGrid_GridSkin .rgUpdate
{
    background-position:0 -1800px;
     
}
 
.RadGrid_GridSkin .rgCancel
{
    background-position:0 -1850px;
     
}
 
/*hierarchy*/
 
.RadGrid_GridSkin .rgDetailTable
{
    border-color:#828282;
     
}
 
/*command row*/
 
.RadGrid_GridSkin .rgCommandRow
{
    background:#fff;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandCell
{
    border:0;
    padding:0;
    color:Red;
}
 
.RadGrid_GridSkin thead .rgCommandCell
{
    border-bottom:1px solid #8b8b8b;
}
 
.RadGrid_GridSkin tfoot .rgCommandCell,
.RadGrid_GridSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #a1a1a1;
}
 
.RadGrid_GridSkin .rgCommandTable td
{
    border:0;
    padding:2px 7px;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandTable
{
    border:1px solid;
    border-color:#f5f5f5 #e4e4e4 #d5d5d5;
}
 
.RadGrid_GridSkin .rgCommandRow a
{
    color:blue; /* "Add new", "Edit", "Delete" Color */
    text-decoration:underline;
    font-size:x-small;
}
 
.RadGrid_GridSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
     
}
 
.RadGrid_GridSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
     
}
 
.RadGrid_GridSkin .rgEdit
{
    background-position:0 -1700px;
}
 
.RadGrid_GridSkin .rgDel
{
    background-position:0 -1750px;
}
 
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}
 
.RadGrid_GridSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_GridSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_GridSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_GridSkin .rgExpCSV
{
    background-position:0 -150px;
}
 
/*multirow select*/
 
.GridRowSelector_GridSkin
{
    background:#155800;
}
 
/*row drag n drop*/
 
.GridItemDropIndicator_GridSkin
{
    border-top:1px dashed #155800;
}
 
/*tooltip*/
 
.GridToolTip_GridSkin
{
    border:1px solid #828282;
    padding:3px;
    background:#fff;
    color:#000;
}
 
/*rtl*/
 
.RadGridRTL_GridSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_GridSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_GridSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_GridSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_GridSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_GridSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_GridSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_GridSkin .rgPageLast:hover
{
    background-position:0 -600px;
}
 
/* ------------------------------------------------------------*/
/* <RadMenu / GridSkin> */
 
.RadMenu_GridSkin .rmRootGroup,
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow,
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmRootGroup
{
    border: 1px solid #828282;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}
 
/* <Root items> */
 
.RadMenu_GridSkin,
.RadMenu_GridSkin a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000; /* Menu Filter text color*/
    text-decoration: none;
}
 
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin .rmFirst a.rmLink,
.RadMenu_GridSkin .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmLast .rmText,
.RadMenu_GridSkin .rmLast a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmVertical a.rmLink,
.RadMenu_GridSkin .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst,
.RadMenu_GridSkin .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_GridSkin a.rmLink:hover,
.RadMenu_GridSkin a.rmFocused,
.RadMenu_GridSkin a.rmSelected
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 7px;
}
 
.RadMenu_GridSkin .rmHorizontal a.rmRootLink
{
 
    padding-left: 0;
}
 
.RadMenu_GridSkin .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}
 
.RadMenu_GridSkin .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}
 
.RadMenu_GridSkin_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink:hover,
.RadMenu_GridSkin .rmVertical a.rmFocused,
.RadMenu_GridSkin .rmVertical a.rmSelected,
.RadMenu_GridSkin .rmVertical a.rmExpanded,
.RadMenu_GridSkin .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #828282;
    border-width: 1px 0;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmLast a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmLast a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_GridSkin a.rmExpanded,
.RadMenu_GridSkin a.rmExpanded:hover
{
    background-color: #fff;
}
 
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_GridSkin .rmGroup,
.RadMenu_GridSkin .rmMultiColumn,
.RadMenu_GridSkin .rmGroup .rmVertical
{
    border: 1px solid #979797;
    background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
* html .rmRoundedCorners_GridSkin .rmGroup .rmItem,
* html .rmRoundedCorners_GridSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_GridSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmBottomLeft,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_GridSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_GridSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopRight,
.RadMenu_GridSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_GridSkin .rmGroup .rmFirst
{
    border-color: #979797;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_GridSkin_rtl .rmBottomLeft,
.RadMenu_GridSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl ul.rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_GridSkin_rtl .rmTopRight,
.RadMenu_GridSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_GridSkin_rtl li.rmTopFix,
.RadMenu_GridSkin_rtl li.rmBottomFix,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_GridSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_GridSkin_rtl .rmGroup,
.RadMenu_GridSkin_rtl .rmMultiColumn,
.RadMenu_GridSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}
 
.RadMenu_GridSkin .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}
 
.RadMenu_GridSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_GridSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink,
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmItem a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink,
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmLast a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmLast a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover,
.RadMenu_GridSkin .rmGroup a.rmFocused,
.RadMenu_GridSkin .rmGroup a.rmSelected,
.RadMenu_GridSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_GridSkin .rmGroup .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}
 
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_GridSkin_rtl a.rmLink
{
    background-position: 100% -96px;
}
 
.RadMenu_GridSkin_rtl .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_GridSkin_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (GridSkin - specific, overlapping submenus)> */
 
.RadMenu_GridSkin .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_GridSkin .rmVertical .rmSlide,
.RadMenu_GridSkin .rmSlide .rmSlide,
.RadMenu_GridSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_GridSkin_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_GridSkin_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_GridSkin_rtl .rmVertical .rmSlide,
.RadMenu_GridSkin_rtl .rmSlide .rmSlide,
.RadMenu_GridSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_GridSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow,
.RadMenu_GridSkin .rmGroup .rmLeftArrow,
.RadMenu_GridSkin .rmGroup .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_GridSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_GridSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}
 
.RadMenu_GridSkin_Context .rmSeparator .rmText,
.RadMenu_GridSkin .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
 
/* </Separators> */
 
/* </RadMenu / GridSkin> */
 
/* -------------------------------  Drop down page size ----------- */
 
/* RadComboBox GridSkin skin */
 
/*global*/
 
.RadComboBox_GridSkin,
.RadComboBox_GridSkin .rcbInput,
.RadComboBoxDropDown_GridSkin
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #000;
}
 
/* combobox */
 
.RadComboBox_GridSkin .rcbInputCellLeft,
.RadComboBox_GridSkin .rcbInputCellRight,
.RadComboBox_GridSkin .rcbArrowCellLeft,
.RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBox_GridSkin .rcbInputCellLeft,
* html .RadComboBox_GridSkin .rcbInputCellRight,
* html .RadComboBox_GridSkin .rcbArrowCellLeft,
* html .RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBox_GridSkin td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin td.rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
 
.RadComboBox_GridSkin .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
 
.RadComboBox_GridSkin td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin td.rcbArrowCellRight { background-position: 0 -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
 
.RadComboBox_GridSkin td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* Read-only styles */
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* dropdown */
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter,
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBoxDropDown_GridSkin .rcbHeader,
* html .RadComboBoxDropDown_GridSkin .rcbFooter,
* html .RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBoxDropDown_GridSkin
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    border-top-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbItem em
{
    background: #e5e5e5;
}
 
.RadComboBoxDropDown_GridSkin .rcbHovered
{
    background: #9ddf6c;
}
 
.RadComboBoxDropDown_GridSkin .rcbSeparator
{
    color: #000;
    background: #63ac39;
}
 
.RadComboBox_GridSkin .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_GridSkin .rcbDisabled
{
    color: #999;
}
 
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_GridSkin table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
 
.RadComboBoxDropDown_GridSkin .rcbLoading
{
    background: #f0f0f0;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background: #fff;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-position: -157px -94px;
}



Grid
Dimo
Telerik team
 answered on 06 Oct 2010
8 answers
209 views
Today button
Hi,

I would like to wrap the RadCalender and make MyRadCalender server control.
Actually, i need to add  the Today button as a default when i create an instance of the control.
I searched your forums and i found this code:

    function GoToToday() { 
        var datepicker = $find("<%=RadDatePicker10.ClientID%>"); 
        var dt = new Date(); 
        datepicker.set_selectedDate(dt); 
    } 

    <telerik:RadDatePicker ID="RadDatePicker10" runat="server" Width="140px"> 
        <Calendar runat="server"> 
            <FooterTemplate> 
                <div style="width: 100%; text-align: center; background-color: Gray;"> 
                    <input id="Button1" type="button" value="Today" onclick="GoToToday()" /> 
                </div> 
            </FooterTemplate> 
        </Calendar> 
    </telerik:RadDatePicker> 
Actually, this is the result i need, but i need it as a default and not to write the code in the client side every time someone uses the control.
I know i need to override the render method  somehow in my wraped server control.
Can you give a small example how to do it?

Thank you
Calendar
Iana Tsolova
Telerik team
 answered on 06 Oct 2010
3 answers
143 views
Conditionally change UpdateCommand if no file is selected
I'm looking at the demo 'Binary Images and Upload in Grid'.  While in edit mode, if no file is selected, the validator will display "Please select file to be uploaded".  What is the work around so that the UpdateCommand simply won't include the binaryimage field in the update?  I'm really new to .Net and Telerik so I'll appreciate some sample code if possible.  I just figure when user edits a record, if he doesn't select any new file to upload, I'd like to still update the rest of the record and leave the image field unchanged instead of forcing user to select a new file.  I can't think of a way to do so.  Any help would be appreciated.
Upload (Obsolete)
Cori
Top achievements
Rank 2
 answered on 06 Oct 2010
6 answers
1.3K+ views
Export to Excel Timeout!
I have a grid with 20 columns and around 8,000 rows.  It takes about 30 seconds to load and timesout when I try to export to excel.  What would cause this to timeout?

protected void ButtonExcel_Click(object sender, System.EventArgs e)
   {
       RadGrid Grid1 = (RadGrid)Page.Master.FindControl("Main").FindControl("RadGrid1");
       Grid1.ExportSettings.ExportOnlyData = true;
       Grid1.ExportSettings.IgnorePaging = true;
       Grid1.ExportSettings.OpenInNewWindow = true;
       Grid1.MasterTableView.ExportToExcel();
   }

Does anyone else have a problem with performance and exporting to excel?
Grid
Daniel
Telerik team
 answered on 06 Oct 2010
1 answer
103 views
Integration with Microsoft Exchange
Has anyone had any success or experience with integrating the Scheduler control with Microsoft Exchange?  Any pointers or info, examples would be very well received.  Thanks in advance!
Scheduler
Peter
Telerik team
 answered on 06 Oct 2010
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
TreeMap
Security
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
6458 6459
6460
6461 6462
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how