Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
159 views
Hello

I am using RadGrid in multiEditRow mode. All my rows are editable... I make them editable on RadGrid_PreRender.
This grid is also paged.

My aim is to save all the values types by users 1 time on a classic button click (outside the RadGrid).
My problem is that I can not get the values of other pages than the current one because there are lost on page changed.

How can I do that?

Thank you for your help.
Read you soon.
Princy
Top achievements
Rank 2
 answered on 01 Mar 2011
2 answers
2.2K+ views
Hi,
    I am using asp.net ajax telerik rad controls and working on a web application. i want to display message dialog box  after user successfully executing the functionality  in radbutton click.. i dont want to use alert,confirm or prompt dialog boxes.plz help me out.
Svetlina Anati
Telerik team
 answered on 01 Mar 2011
3 answers
112 views

First, I have a user control called 'TestControl' that uses a RadToolTipManager in it. This tool tip will call another user control that doesnt really need to be explained. I want to be abled to 'LoadControl' from the code behind.

By doing this, it works just fine so the 'TestControl' works and the RadToolTip works and all that.

<%@ Register src="Control/TestControl.ascx" tagname="Table" tagprefix="uc1" %> 
<uc1:TestControlID="TestControl1" runat="server" />

However, doing using 'LoadControl', I am getting the wrong sequence of events. (which I need to be able to 'LoadControl')

UserControl userControl = (UserControl)this.LoadControl("~/Control/TestControl.ascx");
userControl.ID = "asdfasdf";
this.Panel1.Controls.Add(userControl);

The Page_Load executes the above, then the tooltip pops up (before the OnAjaxUpdate) and loads whatever the tooltip has, then the OnAjaxUpdate occurs. I need the OnAjaxUpdate to occur before it loads the pop up. Any Suggestions?
Svetlina Anati
Telerik team
 answered on 01 Mar 2011
3 answers
113 views
When a Rad Grid is in edit mode, and the user clicks "Add New Record", the grid jumps to the last page and has the insert row, but the original edit index has not changed.  This causes the insert row to be at the top of the last page, and an editable row to also be on the last page.

Is there any way to clear the edit indices before the insert row is added.

I currently have AllowMultiRowEdit set to false , but that doesn't seem to do the trick.

Any help would be much appreciated,

Thanks!
Shinu
Top achievements
Rank 2
 answered on 01 Mar 2011
2 answers
237 views
Hello!

Do you have a sample app of the GridSettingsPersister class extended to store the settings in asp.net profile?
I have tried this sample http://www.telerik.com/community/code-library/aspnet-ajax/grid/storing-multiple-grid-settings-in-database-via-profile.aspx but I would like to use the GridSettingsPersister class instead because it saves columns shown for instance.

Thank you!

Jan
Jan
Top achievements
Rank 1
 answered on 01 Mar 2011
6 answers
148 views
In a simple application with a radToolBar, I am trying to change the toolTip of the item clicked on client-side code. The value of the property is changed but it won't appear as a toolTip.

Here is the code, very sample :
<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="ToolTipNotShowing._Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        function toolTipError(sender, args) {
            var btn = args.get_item();
            var btnText = btn.get_text();
            btn.set_toolTip(btn.get_text() + " TOOLTIP");
            var txt = $find("<%= RadTextBox1.ClientID %>");
            txt.set_value(btn.get_toolTip());
        }
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
  
    <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Simple">
    </telerik:RadSkinManager>
    <div>
        <telerik:RadToolBar ID="RadToolBar1" Runat="server" Skin="Windows7"
                            OnClientButtonClicked="toolTipError">
            <Items>
                <telerik:RadToolBarButton runat="server" Text="Button 0">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Button 1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Button 2">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Button 3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Button 4">
                </telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>
        <br />
    </div>
 
    <p>
        <telerik:RadTextBox ID="RadTextBox1" Runat="server">
        </telerik:RadTextBox>
    </p>
 
    </form>
</body>
</html>
Yana
Telerik team
 answered on 01 Mar 2011
1 answer
88 views
Hello I want to search the string / word into rad editor if find then replace that word.

Actually I have on list box view. if I select that list item, then that item search / find the rad editor , if found the replace that word with selected Item

Hello How to search any word into rad  editor.. and replace it ...............

need URGENT.............


Thanks
Regards
Rahul
Rumen
Telerik team
 answered on 01 Mar 2011
1 answer
221 views
Can someone please tell me where the expansion/collapse images for a nested grid need to be placed. I can not get the images to show when I am using a custom skin. I have copied the Forest Grid and Menu and have the css working, the Icons just will not display.
I also seem to of have lost my indentation on my sub grid.


Or even better yet, if someone can just tell me how to change the font color on the Forest skin, I wouldnt have to do all of this.


/*Telerik RadGrid Forest Skin*/

/*global*/

.RadGrid_MyCustomSkin
{
    border: 1px solid #3c4c30;
    background: #d1deb6;
    color: #2b2c20;
}

.RadGrid_MyCustomSkin,
.RadGrid_MyCustomSkin .rgMasterTable,
.RadGrid_MyCustomSkin .rgDetailTable,
.RadGrid_MyCustomSkin .rgGroupPanel table,
.RadGrid_MyCustomSkin .rgCommandRow table,
.RadGrid_MyCustomSkin .rgEditForm table,
.RadGrid_MyCustomSkin .rgPager table,
.GridToolTip_MyCustomSkin
{
    font:12px/16px "segoe ui",arial,sans-serif;
   
}


.RadGrid_MyCustomSkin .rgAdd,
.RadGrid_MyCustomSkin .rgRefresh,
.RadGrid_MyCustomSkin .rgEdit,
.RadGrid_MyCustomSkin .rgDel,
.RadGrid_MyCustomSkin .rgFilter,
.RadGrid_MyCustomSkin .rgPagePrev,
.RadGrid_MyCustomSkin .rgPageNext,
.RadGrid_MyCustomSkin .rgPageFirst,
.RadGrid_MyCustomSkin .rgPageLast,
.RadGrid_MyCustomSkin .rgExpand,
.RadGrid_MyCustomSkin .rgCollapse,
.RadGrid_MyCustomSkin .rgSortAsc,
.RadGrid_MyCustomSkin .rgSortDesc,
.RadGrid_MyCustomSkin .rgUpdate,
.RadGrid_MyCustomSkin .rgCancel,
.RadGrid_MyCustomSkin .rgUngroup,
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}

/*header*/

.RadGrid_MyCustomSkin .rgHeaderDiv
{
    background:#b2c780 0 -9050px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
    background-position:0 -8550px;
}

.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin th.rgResizeCol
{
    border:0;
    border-bottom:1px solid #3c6716;
    background:#4c7822 0 -2300px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin th.rgSorted
{
    background-color:#263616;
    background-position:0 -2600px;
}

.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin .rgHeader a
{
    color:Black;
}

.RadGrid_MyCustomSkin th.rgSorted,
.RadGrid_MyCustomSkin th.rgSorted a
{
    color:#e7f1d7;
}

/*rows*/

.RadGrid_MyCustomSkin .rgRow td,
.RadGrid_MyCustomSkin .rgAltRow td,
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgFooter td
{
    border-style:solid;
    border-width:0 0 1px 0;
}

.RadGrid_MyCustomSkin .rgRow td
{
    border-color:#d1deb6;
    color:Black;
}

.RadGrid_MyCustomSkin .rgAltRow
{
    background:#c7d6a7;
    
}

.RadGrid_MyCustomSkin .rgAltRow td
{
    border-color:#c7d6a7;
    color:Black;
}

.RadGrid_MyCustomSkin .rgRow .rgSorted
{
    border-bottom-color:#c6d3ad;
    background-color:#c6d3ad;
}

.RadGrid_MyCustomSkin .rgAltRow .rgSorted
{
    border-bottom-color:#bdcb9e;
    background-color:#bdcb9e;
}

.RadGrid_MyCustomSkin .rgSelectedRow .rgSorted,
.RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow .rgSorted,
.RadGrid_MyCustomSkin .rgEditRow .rgSorted
{
    background-color:transparent;
}

.RadGrid_MyCustomSkin .rgRow a,
.RadGrid_MyCustomSkin .rgAltRow a,
.RadGrid_MyCustomSkin .rgEditRow a,
.RadGrid_MyCustomSkin .rgFooter a,
.RadGrid_MyCustomSkin .rgEditForm a
{
    color:#3c4c30;
}

.RadGrid_MyCustomSkin .rgSelectedRow
{
    background:#bd4401 0 -3900px repeat-x url('Grid/sprite.gif');
    color:#fff;
}
*+html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
* html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}

.RadGrid_MyCustomSkin .rgSelectedRow a
{
    color:#fff;
}

.RadGrid_MyCustomSkin .rgActiveRow,
.RadGrid_MyCustomSkin .rgHoveredRow
{
    background:#d57a08 0 -2900px repeat-x url('Grid/sprite.gif');
    color:#7a1b05;
}
*+html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
*+html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
* html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
* html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}

.RadGrid_MyCustomSkin .rgActiveRow a,
.RadGrid_MyCustomSkin .rgHoveredRow a
{
    color:#7a1b05;
}

.RadGrid_MyCustomSkin .rgEditRow
{
    background:#e7f1d7 0 -4900px repeat-x url('Grid/sprite.gif');
    color:#2b2c20;
}
*+html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
* html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}

.RadGrid_MyCustomSkin .rgActiveRow td,
.RadGrid_MyCustomSkin .rgActiveRow td.rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow td,
.RadGrid_MyCustomSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#8f610a;
}

.RadGrid_MyCustomSkin .rgSelectedRow td,
.RadGrid_MyCustomSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#751a04;
}

.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#618740;
}

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

/*footer*/

.RadGrid_MyCustomSkin .rgFooterDiv,
.RadGrid_MyCustomSkin .rgFooter
{
    background:#b1c67f 0 -7500px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgFooter td
{
    border-width:0;
    border-top:1px solid #3c6716;
}

/*status*/

.RadGrid_MyCustomSkin .rgPager .rgStatus
{
    border-style:solid;
    border-width:1px 1px 0 0;
    border-color:#3c6716;
}

.RadGrid_MyCustomSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_MyCustomSkin .rgPager
{
    background:#b2c780 0 -7999px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin td.rgPagerCell
{
    border-top:1px solid #3c6716;
    border-left:1px solid #b6c988;
}

.RadGrid_MyCustomSkin .rgInfoPart
{
    color:#4b4c40;
}

.RadGrid_MyCustomSkin .rgInfoPart strong
{
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_MyCustomSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_MyCustomSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_MyCustomSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_MyCustomSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_MyCustomSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_MyCustomSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_MyCustomSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}

.RadGrid_MyCustomSkin .rgPager .rgPagerButton
{
    border-color:#3c4c30;
    background:#202b15 repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover,
.RadGrid_MyCustomSkin .rgNumPart a:hover span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgNumPart a
{
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
    color:#7a1b05;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}

.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}

/*sorting, reordering*/

.RadGrid_MyCustomSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}

.RadGrid_MyCustomSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}

.GridReorderTop_MyCustomSkin,
.GridReorderBottom_MyCustomSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_MyCustomSkin
{
    background-position:0 -50px;
}

/*filtering*/

.RadGrid_MyCustomSkin .rgFilterRow
{
    background:#b2c780 0 -7000px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgFilterRow td
{
    border-top:1px solid #b6c988;
    border-bottom:1px solid #9cb16a;
}

.RadGrid_MyCustomSkin .rgFilter
{
    background-position:0 -300px;
}

.RadGrid_MyCustomSkin .rgFilter:hover
{
    background-position:0 -350px;
}

.RadGrid_MyCustomSkin .rgFilterActive,
.RadGrid_MyCustomSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}

.RadGrid_MyCustomSkin .rgFilterBox
{
    border:1px solid #618740;
    background:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
    color:#2b2c20;
}

/*filter context menu*/

.RadMenu_MyCustomSkin .rgHCMClear,
.RadMenu_MyCustomSkin .rgHCMFilter
{
    border-color:#527235 #375221 #182c09;
    background:#202b15 center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
}

.RadMenu_MyCustomSkin .rgHCMClear:hover,
.RadMenu_MyCustomSkin .rgHCMFilter:hover
{
    border-color:#517034 #385321 #1b300b;
    background-position:center -67px;
    background-color:#293917;
    color:#fff;
}

/*context menu*/

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

.GridContextMenu_MyCustomSkin .rgHCMSortAsc .rmLeftImage
{
    background-position:0 0;
}

.GridContextMenu_MyCustomSkin .rgHCMSortDesc .rmLeftImage
{
    background-position:0 -40px;
}

.GridContextMenu_MyCustomSkin .rgHCMUnsort .rmLeftImage
{
    background-position:0 -80px;
}

.GridContextMenu_MyCustomSkin .rgHCMGroup .rmLeftImage
{
    background-position:0 -120px;
}

.GridContextMenu_MyCustomSkin .rgHCMUngroup .rmLeftImage
{
    background-position:0 -160px;
}

.GridContextMenu_MyCustomSkin .rgHCMCols .rmLeftImage
{
    background-position:0 -200px;
}

.GridContextMenu_MyCustomSkin .rgHCMFilter .rmLeftImage
{
    background-position:0 -240px;
}

.GridContextMenu_MyCustomSkin .rgHCMUnfilter .rmLeftImage
{
    background-position:0 -280px;
}

/*grouping*/

.RadGrid_MyCustomSkin .rgGroupPanel
{
    height:24px;
    border:0;
    border-bottom:1px solid #3c4c30;
    background:#b1c67f 0 -1900px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}

.RadGrid_MyCustomSkin .rgGroupPanel td td
{
    padding:0;
}

.RadGrid_MyCustomSkin .rgGroupPanel .rgSortAsc
{
    background-position:2px -146px;
}

.RadGrid_MyCustomSkin .rgGroupPanel .rgSortDesc
{
    background-position:2px -95px;
}

.RadGrid_MyCustomSkin .rgUngroup
{
    background-position:0 -8500px;
}

.RadGrid_MyCustomSkin .rgGroupItem
{
    border:1px solid #3c4c30;
    background:#202b15 0 -6500px repeat-x url('Grid/sprite.gif');
    color:#e7f1d7;
}

.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol,
.RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol
{
    border-color:#9cb16a;
    background:#9cb16a none;
}

.RadGrid_MyCustomSkin .rgGroupHeader
{
    background:#9cb16a;
    font-size:1.1em;
    line-height:21px;
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgGroupHeader td
{
    border-top:1px solid #cad7a2;
}

.RadGrid_MyCustomSkin .rgGroupHeader td.rgGroupCol
{
    border-top-color:#9cb16a;
}

.RadGrid_MyCustomSkin .rgExpand
{
    background-position:5px -496px;
}

.RadGrid_MyCustomSkin .rgCollapse
{
    background-position:3px -444px;
}

/*editing*/

.RadGrid_MyCustomSkin .rgEditForm
{
    border-bottom:1px solid #618740;
}

.RadGrid_MyCustomSkin .rgUpdate
{
    background-position:0 -1800px;
}

.RadGrid_MyCustomSkin .rgCancel
{
    background-position:0 -1850px;
}

/*hierarchy*/

.RadGrid_MyCustomSkin .rgDetailTable
{
    border-color:#3c4c30;
}

/*command row*/

.RadGrid_MyCustomSkin .rgCommandRow
{
    background:#425c35 0 0 repeat-x url('Grid/rgCommandRow.gif');
    color:#e7f1d7;
}

.RadGrid_MyCustomSkin .rgCommandCell
{
    border:0;
    padding:2px 7px;
}

.RadGrid_MyCustomSkin tfoot .rgCommandCell,
.RadGrid_MyCustomSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #3c4c30;
}

.RadGrid_MyCustomSkin thead .rgCommandCell
{
    border-bottom:1px solid #3c4c30;
}

.RadGrid_MyCustomSkin .rgCommandTable,
.RadGrid_MyCustomSkin .rgCommandTable td
{
    border:0;
    padding:0;
}

.RadGrid_MyCustomSkin .rgCommandRow a
{
    color:#e7f1d7;
    text-decoration:none;
}

.RadGrid_MyCustomSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
}

.RadGrid_MyCustomSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
}

.RadGrid_MyCustomSkin .rgEdit
{
    background-position:0 -1700px;
}

.RadGrid_MyCustomSkin .rgDel
{
    background-position:0 -1750px;
}

.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}

.RadGrid_MyCustomSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_MyCustomSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_MyCustomSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_MyCustomSkin
{
    background:#3c4c30;
}

/*row drag n drop*/

.GridItemDropIndicator_MyCustomSkin
{
    border-top:1px dashed #3c4c30;
}

/*tooltip*/

.GridToolTip_MyCustomSkin
{
    border:1px solid #3c4c30;
    padding:3px;
    background:#d1deb6;
    color:#2b2c20;
}

/*rtl*/

.RadGridRTL_MyCustomSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_MyCustomSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_MyCustomSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_MyCustomSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_MyCustomSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_MyCustomSkin .rgPageLast:hover
{
    background-position:0 -600px;
}

.RadGridRTL_MyCustomSkin .rgExpand
{
    background-position:-20px -496px;
}

Menu


/* <RadMenu / Forest> */

.RadMenu_MyCustomSkin .rmRootGroup,
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText,
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow,
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}

.RadMenu_MyCustomSkin .rmRootGroup
{
    border: 1px solid #588a4d;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #749f57;
}

.RadMenu_MyCustomSkin .rmVertical
{
    background-position: 0 -408px;
}

/* <Root items> */

.RadMenu_MyCustomSkin,
.RadMenu_MyCustomSkin a.rmLink
{
    font: normal 12px/21px "Segoe UI", Arial, sans-serif;
    color: #2b2c20;
    text-decoration: none;
}

.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText
{
    background-position: 0 1050px;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin a.rmLink
{
    padding: 1px 1px 1px 12px;
}

.RadMenu_MyCustomSkin a.rmLink:hover,
.RadMenu_MyCustomSkin a.rmFocused,
.RadMenu_MyCustomSkin a.rmSelected
{
    color: #7a1b05;
    background-position: 0 -96px;
    border: 1px solid #ab7d25;
    padding: 0 0 0 11px;
}

.RadMenu_MyCustomSkin a.rmExpanded,
.RadMenu_MyCustomSkin a.rmExpanded:hover
{
    color: #fff;
    background-position: 0 -144px;
    border: 1px solid #7a1b05;
    padding: 0 0 0 11px;
}

.RadMenu_MyCustomSkin a.rmDisabled,
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
    color: #b1c67f;
}  

.RadMenu_MyCustomSkin a.rmDisabled:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmText
{
    background-image: none;
    border: 0;
}

.RadMenu_MyCustomSkin a.rmDisabled:hover
{
    padding: 1px 1px 1px 12px;
}

.RadMenu_MyCustomSkin a .rmLeftImage
{
    padding-bottom: 2px;
}

.RadMenu_MyCustomSkin_rtl a.rmLink
{
    padding: 1px 12px 1px 1px;
}

.RadMenu_MyCustomSkin_rtl a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl a.rmFocused,
.RadMenu_MyCustomSkin_rtl a.rmSelected
{
    padding: 0 11px 0 0;
}

.RadMenu_MyCustomSkin_rtl a.rmExpanded,
.RadMenu_MyCustomSkin_rtl a.rmExpanded:hover
{
    padding: 0 11px 0 0;
}

.RadMenu_MyCustomSkin_rtl a.rmDisabled:hover
{
    padding: 1px 12px 1px 1px;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_MyCustomSkin .rmGroup,
.RadMenu_MyCustomSkin .rmMultiColumn,
.RadMenu_MyCustomSkin .rmGroup .rmVertical
{
    border: 1px solid #588a4d;
    background: #c7d6a7 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #c7d6a7;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_MyCustomSkin .rmGroup .rmItem,
* html .rmRoundedCorners_MyCustomSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #c7d6a7;
    background-repeat: repeat-y;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmBottomLeft,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_MyCustomSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_MyCustomSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin .rmTopRight,
.RadMenu_MyCustomSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_MyCustomSkin .rmGroup .rmFirst
{
    border-color: #588a4d;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #c7d6a7;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #c7d6a7;
    border: 0;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #c7d6a7;
    border: 0;
}

.RadMenu_MyCustomSkin_rtl .rmBottomLeft,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl ul.rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_MyCustomSkin_rtl .rmTopRight,
.RadMenu_MyCustomSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_MyCustomSkin_rtl li.rmTopFix,
.RadMenu_MyCustomSkin_rtl li.rmBottomFix,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_MyCustomSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_MyCustomSkin_rtl .rmGroup,
.RadMenu_MyCustomSkin_rtl .rmMultiColumn,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_MyCustomSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_MyCustomSkin .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_MyCustomSkin .rmGroup .rmFirst,
.RadMenu_MyCustomSkin .rmGroup .rmLast,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_MyCustomSkin .rmGroup .rmLast
{
    padding-bottom: 1px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink,
.RadMenu_MyCustomSkin .rmVertical .rmGroup a.rmLink
{
    border: 0;
    padding: 0;
    line-height: 23px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmExpanded,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded:hover
{
    color: #7a1b05;
}

.RadMenu_MyCustomSkin .rmGroup a.rmDisabled,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover
{
    color: #8c9f5f;
}

/* <expand arrows> */

.RadMenu_MyCustomSkin .rmRootGroup .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmExpandDown
{
    background-position: 100% -216px;
}

.RadMenu_MyCustomSkin a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin a.rmExpanded .rmExpandRight
{
    background-position: 100% -312px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_MyCustomSkin .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmExpandDown,
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_MyCustomSkin_rtl .rmRootGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmExpanded .rmExpandLeft
{
    background-position: 0 -216px;
}

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

.RadMenu_MyCustomSkin_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
    background-position: 0 -312px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Forest - specific, overlapping submenus)> */

.RadMenu_MyCustomSkin .rmSlide
{
    margin: -3px 0 0 1px;
}

.RadMenu_MyCustomSkin .rmVertical .rmSlide,
.RadMenu_MyCustomSkin .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_MyCustomSkin_rtl .rmSlide
{
    margin: -3px 0 0 -1px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide,
.RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #588a4d; }

.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow,
.RadMenu_MyCustomSkin .rmGroup .rmLeftArrow,
.RadMenu_MyCustomSkin .rmGroup .rmRightArrow
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #588a4d; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_MyCustomSkin .rmVertical .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmHorizontal .rmVertical .rmSeparator .rmText
{
    background-position: 0 -406px;
}

.RadMenu_MyCustomSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    background-position: 0 -386px;
}

/* </Separators> */

/* </RadMenu / Forest> */
Princy
Top achievements
Rank 2
 answered on 01 Mar 2011
2 answers
124 views
Hi,

I have a requirement whereby I need to be able to resize an appointment as it is being dragged by the user [multiple appointments are not allowed in the same slot]. Not allowing an appointment in an already used slot has been done, but I am having trouble with the second part of this requirement. As I see it, to do this I will have to be able to:
 - look at a the time-slots that are at each side of the current target_slot
 - check to see if there are any appointments in either of these slots
 - If there are, resize the current appointment.

The trouble i have at the moment is that I am not sure how to get the adjacent slots.
How do I go about doing this?

regards
Augeneer
Veronica
Telerik team
 answered on 01 Mar 2011
3 answers
198 views
Hello,

I am using a RadGrid in edit mode with only 2 columns in not ReadOnly.
These 2 columns contain RadTextBox in EditTemplate.
The RadGrid columns can be reorder by the user.

The user can type a value in these RadTextBox and valid the whole RadGrid by clicking a classic button outside the RadGrid.

On the click button event, I am retrieving the values using this code :
TextBox txtBox = (TextBox)item.Cells[14].Controls[0];

My problem is to know the index in the Cells collection...
Is there a solution the get the cells index using the uniqueName of columns? or any other solution without fixed cells numbers?


Thank you for helps,
Read you soon.


Haderach
Top achievements
Rank 1
 answered on 01 Mar 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?