Telerik Forums
UI for ASP.NET AJAX Forum
6 answers
138 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
82 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
212 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
108 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
180 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
1 answer
119 views
Hi all,
First off, I am not doing the coding, but need to find out some answers -- to see if what I am envisioning is possible with the Rad Editor:

We will be using the Radeditor on our intranet located on SharePoint07 (Our Intranet has many content posters with various technical skills). The RAD editor seems to be quite robust and I was wondering if it is possible to set up jQuery plugins for some of the basic features (tabs, accordian etc.). 

Is so, how or what do I need to do to get this type of functionality implemented...Or if you could just point me int he right direction.

Many Thanks,
Jared
Stanimir
Telerik team
 answered on 01 Mar 2011
3 answers
103 views
I have tested the radgrid on an ipad and it renders nicely, but I can't drag a column header to the Grouping Header.  Is there a way to support that?  If it is not supported now, will it be in the near future?

thanks
Pavel
Telerik team
 answered on 01 Mar 2011
1 answer
81 views
I am trying to put a RadTreeView control in a RadPanelBar.  All the documentation refers to using the ContentTemplate property of a PanelBar/PanelBarItem.  This property does not seem to exist in ASP.NET AJAX Q1 2010!  I need to place the TreeView in the PanelBar at runtime, designtime is not an option.  Any Suggestions?
Shinu
Top achievements
Rank 2
 answered on 01 Mar 2011
1 answer
123 views

I am trying to figure out how to reload the parent page of my application from inside of a RadWindow without the RadWIndow closing or reloading. In my application, users have the ability to open up a pop-up window that will list all of their current customers. When they click on the customer's name, the parent window is suppose to load up that particular customer's information.

Here is the code that I have to reload the parent page:

 

 

 

 

function RefreshParentPage(Url) {

 

 

GetRadWindow().BrowserWindow.location = Url;

 

}

The Url passed in the Url for the customer summary page.  This serve as a starting point for drilling down into more detail on a customer.

Right when I run the application, the pop-up appears correctly. When the user clicks on the customer's name, the parent page navigates to the summary page correctly, but the pop-up window closes. I am trying to get the summary page to stay visible until the user actually closes it.

How can I do that?

Thanks,
David

Shinu
Top achievements
Rank 2
 answered on 01 Mar 2011
2 answers
147 views
Hi
I am trying to disable a button whenever a node is clicked.from the client side.

The Treeview has PostBack disable in it.

Also I notice that the Alerts inside the javascript functions are not firing up.

The code is a ascx file which is called from a aspx page. The Treeview sits in a RadAjaxPanel.

I make use of the following code with no success:

 

 

 

 

<script type="text/javascript">
            function AssignEventHandler() {
                alert("inside Assign");
                var tree = $find("<%= rdTreeVwHIOptions.ClientID %>");
                tree.add_nodeClicked(ClientNodeClicked);
            }
  
            function ClientNodeClicked(sender, args) {
  
                alert("Node clicked!");
                var btn = $find("<%= btnSave.ClientID %>");
                btn.disabled = true;
                                  
                        
  
        </script>

 

Pls help me find a solution for this.

Thanks,
Amirtha

 

 

 

 

Amirtha S
Top achievements
Rank 1
 answered on 01 Mar 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?