Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,723 questions
3 answers
132 views
How to add NodeTemplates dynamically for a set of nodes
Hi telerik team,

I'm using the Radtreeview structure in my application.
I have 3 nodes and for each node it has the subnodes.I'm adding the nodes dynamically from code behind.I would like to add Linkbutton and the image controls in the Nodetemplate for each node.

Node1
    --subnode1.1
    --subnode1.2
    --subnode1.3
Node2
    --subnode2.1
    --subnode2.2
Node3
    --subnode3.1
    --subnode3.2
    --subnode3.3
    --subnode3.4
Now for each nodes[Node1,Node2,Node3],i want to add the nodetemplates respectively.Here nodetemplate contains Linkbutton and Imagebutton.
How to add this from codebehind.
Please reply ASAP

Thankyou...




TreeView
Bozhidar
Telerik team
 answered on 23 Dec 2011
3 answers
74 views
RadAsyncupload and ie 64bit
Hi all :
I have RadAsyncupload inside Sharepoint site page,  it works with ie and firefox but it doesn't work with  ie 64bit .

Is there any idea or workaround??
Upload (Obsolete)
Genady Sergeev
Telerik team
 answered on 23 Dec 2011
1 answer
124 views
RadListView findcontrol Javascript
Hello,
I have RadEditor and a Table within a RadListView.
When someone clicks on one of the cells in the Table, I want to paste text from the cell into the RadEditor.
I have the functionality working when the RadEditor is not within a RadListView, but I am not sure how to make it work within the RadListView.

Here is the code for the RadEditor when it is not in the RadListView -

                        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                            <script type="text/javascript">
                                $(document).ready(function ()
                                {
                                    $('.clickMe').each(function ()
                                    {
                                        $(this).attr("unselectable", "on");
                                        $(this).click(function ()
                                        {
                                            var editor = $find("<%=reKeyLink.ClientID%>");
                                            editor.pasteHtml($(this).text());
                                        });
                                    });
                                });
                            </script>
                        </telerik:RadScriptBlock>
 
-------------------------------------------------------------------------------
 
                        <div style="clear: left; margin-top: 15px; width:825px">
                            <div style="float:left;">
                                <telerik:RadEditor ID="reKeyLink" runat="server" Skin="Windows7" ViewStateMode="Disabled"
                                    ToolsFile="~/App_Themes/public/ToolsLimited.xml" Height="235px" Width="625px">
                                </telerik:RadEditor>
                            </div>
                             
                            <div class="Tokens" id="overlay" style="float:left; visibility:hidden; border: 1px solid #A5B3C5; width:185px; text-align:center; margin-left:10px;">
                             
                                <table id="tableid">
                                    <tr style="width:184px">
                                        <td class="clickMe" style=" text-align:right; width:92px">{ACCOUNT_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{ADDR_LINE1}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{ADDR_LINE2}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{CITY}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{COMPANY}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{EMAIL_ADDR}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{FIRST_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{LAST_LOGIN}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{LAST_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{LOCATION}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{MIDDLE_INIT}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{NICKNAME}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{POS_CUST_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{PREFIX_NAME}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{REVIEWER_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{STATE}</td>
                                    </tr>
                                    <tr>
                                        <td class="clickMe" style=" text-align:right">{SUFFIX_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{ZIPCODE}</td>
                                    </tr>
                                </table>
 
                            </div>
 
                            <div style="clear: left;">
                                <asp:RequiredFieldValidator ID="rfvKeyLink" runat="server" ControlToValidate="reKeyLink"
                                    ValidationGroup="AddKeyLink" Display="Dynamic" Text="Key link text is required." />
                            </div>
 
                        </div>

I wish to make the code above to work in a RadListView defined like so -
                <telerik:RadListView runat="server" ID="rlvKeyLinks" Skin="Windows7" EnableEmbeddedSkins="true"
                    RegisterWithScriptManager="true" AllowMultiItemEdit="false" OnNeedDataSource="RlvKeyLinks_NeedDataSource"
                    OnItemCommand="RlvKeyLinks_ItemCommand" OnItemCreated="RlvKeyLinks_ItemCreated"
                    AllowCustomPaging="true" AllowPaging="true" ItemPlaceholderID="phKeyLinksView"
                    DataKeyNames="ID">
 
 
-------------RadEditor and Table here--------------
 
 
                </telerik:RadListView>

Can you help?
Thanks!



ListView
Tsvetina
Telerik team
 answered on 23 Dec 2011
3 answers
93 views
Unable to use ExportToICalendar
Here is the code...

protected void btnOutlookExport_Click(object sender, EventArgs e)
{
   WriteCalendar(rsReservations.ExportToICalendar(rsReservations.Appointments));
}

and this is the error I am getting:

Compiler Error Message: CS0176: Member 'Telerik.Web.UI.RadScheduler.ExportToICalendar(Telerik.Web.UI.AppointmentCollection)' cannot be accessed with an instance reference; qualify it with a type name instead

What am i missing? How should I be accessing the appointments?

Visual Studio underlines ExportToICalendar in red and says...
C#: Cannot access a static method on an instance

The demos show this method being used and it works on the demos. Is there something I am missing?

Thanks in advance for your time and help.
Scheduler
Arsalan
Top achievements
Rank 1
 answered on 23 Dec 2011
2 answers
51 views
Hide RadDock BEFORE page load
Hi,

I want to load a page with a RadDock object initially hidden from view.  I have used both that pageLoad event and also the OnClientInitialize event with a set_visible(false) command.  Both of these work however you see the RadDock window before it disappears.

I have thought of having the initial position being off page but then I have to ensure that the page is set to have no scrollbars or they will flash up.  One fudge after another :(

Without a fudge is there a way to have the object rendered yet remain initially visible?  

Best Regards,

Jon



Dock
Slav
Telerik team
 answered on 23 Dec 2011
1 answer
89 views
Incorrect rendering load on demand combobox in grid. Both controls has custom skin.
Hello

I have a custom skin for radgrid. Inside radgrid i use item template for load on demand combo box. On search it always opens up popup on left side of combobox cutting off the popup window (as in image)

Here is grid's code
<telerik:RadGrid ID="RadIcdGrid" GridLines="None" runat="server" AllowAutomaticDeletes="false"
                                AllowAutomaticInserts="false" PageSize="10" AllowAutomaticUpdates="false" AllowPaging="True"
                                SkinID="EzGrid" AutoGenerateColumns="False" OnInsertCommand="RadIcdGrid_OnInsertCommand"
                                OnDataBound="RadIcdGrid_DataBound" OnDeleteCommand="RadIcdGrid_OnDeleteCommand"
                                OnNeedDataSource="RadIcdGrid_NeedDataSource">

Here is combo's code
<telerik:RadComboBox ID="RdICD" runat="server" DataSourceID="SqlICDDS"  SkinID="EzGrid" EnableEmbeddedSkins="false"
                                                       DataValueField="ICD9Code" DataTextField="ICD9Code" EmptyMessage="Select ICD Codes"
                                                        HighlightTemplatedItems="true" Width="150px" Height="250px" EnableAutomaticLoadOnDemand="True"
                                                       ItemsPerRequest="20" ExpandDirection="Up" ShowMoreResultsBox="true" Filter="Contains"
                                                       ShowToggleImage="False" DropDownWidth="1000px"  EnableScreenBoundaryDetection="true">
                                                       <HeaderTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       Code
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       Name
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       Description
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </HeaderTemplate>
                                                       <ItemTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       <asp:Label runat="server" ID="Code">
                                <%# Eval("Code")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       <asp:Label runat="server" ID="Name">
                                <%# Eval("Name")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       <asp:Label runat="server" ID="DescShort">
                                <%# Eval("Description")%>
                                                                       </asp:Label>
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </ItemTemplate>
                                                   </telerik:RadComboBox>

Here is Grid's css
/*Telerik RadGrid Default Skin*/
  
/*global*/
  
.RadGrid_EzGrid
{
    border: 1px solid #999;
    background: #fff;
    color: #000;
}
  
.RadGrid_EzGrid, .RadGrid_EzGrid .rgMasterTable, .RadGrid_EzGrid .rgDetailTable, .RadGrid_EzGrid .rgGroupPanel table, .RadGrid_EzGrid .rgCommandRow table, .RadGrid_EzGrid .rgEditForm table, .RadGrid_EzGrid .rgPager table, .GridToolTip_EzGrid
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}
  
.RadGrid_EzGrid .rgHeader:first-child, .RadGrid_EzGrid th.rgResizeCol:first-child, .RadGrid_EzGrid .rgFilterRow > td:first-child, .RadGrid_EzGrid .rgRow > td:first-child, .RadGrid_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 0;
    padding-left: 8px;
}
  
.RadGrid_EzGrid .rgAdd, .RadGrid_EzGrid .rgRefresh, .RadGrid_EzGrid .rgEdit, .RadGrid_EzGrid .rgDel, .RadGrid_EzGrid .rgFilter, .RadGrid_EzGrid .rgPagePrev, .RadGrid_EzGrid .rgPageNext, .RadGrid_EzGrid .rgPageFirst, .RadGrid_EzGrid .rgPageLast, .RadGrid_EzGrid .rgExpand, .RadGrid_EzGrid .rgCollapse, .RadGrid_EzGrid .rgSortAsc, .RadGrid_EzGrid .rgSortDesc, .RadGrid_EzGrid .rgUpdate, .RadGrid_EzGrid .rgCancel, .RadGrid_EzGrid .rgUngroup, .RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/sprite.gif');
}
  
/*header*/
  
.RadGrid_EzGrid .rgHeaderDiv
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid th.rgResizeCol
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    border-left: 1px solid #9e9e9e;
    background: #e4e4e4;
    text-decoration:underline;
      
}
  
.RadGrid_EzGrid th.rgSorted
{
    background-color: #fffaeb;
}
  
.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid .rgHeader a
{
    color: #000;
}
  
.RadGrid_EzGrid th.rgSorted, .RadGrid_EzGrid th.rgSorted a
{
    /*color:#892500;*/
}
  
/*rows*/
  
.RadGrid_EzGrid .rgRow td, .RadGrid_EzGrid .rgAltRow td, .RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgFooter td
{
    border-style: solid;
    border-width: 0 0 1px 1px;
}
  
.RadGrid_EzGrid .rgRow td
{
    border-color: #fff #c3c3c3;
}
  
.RadGrid_EzGrid .rgAltRow
{
    background: #ededed;
}
  
.RadGrid_EzGrid .rgAltRow td
{
    border-color: #ededed #c3c3c3;
}
  
.RadGrid_EzGrid .rgRow .rgSorted
{
    border-bottom-color: #fffaeb;
    background-color: #fffaeb;
}
  
.RadGrid_EzGrid .rgAltRow .rgSorted
{
    border-bottom-color: #f1ecdd;
    background-color: #f1ecdd;
}
  
.RadGrid_EzGrid .rgSelectedRow .rgSorted, .RadGrid_EzGrid .rgActiveRow .rgSorted, .RadGrid_EzGrid .rgHoveredRow .rgSorted, .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: transparent;
}
  
.RadGrid_EzGrid .rgRow a, .RadGrid_EzGrid .rgAltRow a, .RadGrid_EzGrid tr.rgEditRow a, .RadGrid_EzGrid .rgFooter a, .RadGrid_EzGrid .rgEditForm a
{
    color: #000099;
    text-decoration: underline;
}
  
/*.RadGrid_EzGrid .rgSelectedRow
{
    background:#ffa517;
    color:#892500;
}*/
* + html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}
* html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}
  
.RadGrid_EzGrid .rgSelectedRow a, .RadGrid_EzGrid .rgHoveredRow a, .RadGrid_EzGrid .rgActiveRow a
{
    color: #000099;
    text-decoration: underline;
}
  
.RadGrid_EzGrid .rgActiveRow, .RadGrid_EzGrid .rgHoveredRow
{
    /*background:#ffe79c 0 -2900px repeat-x url('Grid/sprite.gif');     color:#892500;*/
}
* + html .RadGrid_EzGrid .rgActiveRow .rgSorted, * + html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;
  
}
* html .RadGrid_EzGrid .rgActiveRow .rgSorted, * html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;
}
  
.RadGrid_EzGrid .rgEditRow
{
    background: #fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
* + html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}
* html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}
  
.RadGrid_EzGrid .rgSelectedRow td, .RadGrid_EzGrid .rgSelectedRow td.rgSorted
{
    /*border-color:#ca4b0c #ffa517;*/
    border-bottom-color: #459e1d;
}
  
.RadGrid_EzGrid .rgActiveRow td, .RadGrid_EzGrid .rgActiveRow td.rgSorted, .RadGrid_EzGrid .rgHoveredRow td, .RadGrid_EzGrid .rgHoveredRow td.rgSorted
{
    /*border-color: #c98400 #ffe79c;*/
    border-color:#80C949;
}
  
.RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgEditRow td.rgSorted
{
    border-color: #616161 #c3c3c3;
}
  
.RadGrid_EzGrid .rgDrag
{
    background-image: url('Grid/rgDrag.gif');
}
  
/*footer*/
  
.RadGrid_EzGrid .rgFooterDiv, .RadGrid_EzGrid .rgFooter
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgFooter td
{
    border-top: 1px solid;
    border-color: #999 #c3c3c3;
}
  
/*status*/
  
.RadGrid_EzGrid .rgPager .rgStatus
{
    border: 1px solid;
    border-color: #999 #999 #e4e4e4 #e4e4e4;
    border-left: 0;
}
  
.RadGrid_EzGrid .rgStatus div
{
    background-image: url('Common/loading_small.gif');
}
  
/*pager*/
  
.RadGrid_EzGrid .rgPager
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid td.rgPagerCell
{
    border: 1px solid;
    border-color: #999 #e4e4e4 #e4e4e4;
    border-right: 0px;
}
  
.RadGrid_EzGrid .rgInfoPart
{
    color: #777;
}
  
.RadGrid_EzGrid .rgInfoPart strong
{
    color: #4c4e54;
}
  
.RadGrid_EzGrid .rgPageFirst
{
    background-position: 0 -550px;
}
.RadGrid_EzGrid .rgPageFirst:hover
{
    background-position: 0 -600px;
}
.RadGrid_EzGrid .rgPagePrev
{
    background-position: 0 -700px;
}
.RadGrid_EzGrid .rgPagePrev:hover
{
    background-position: 0 -750px;
}
.RadGrid_EzGrid .rgPageNext
{
    background-position: 0 -850px;
}
.RadGrid_EzGrid .rgPageNext:hover
{
    background-position: 0 -900px;
}
.RadGrid_EzGrid .rgPageLast
{
    background-position: 0 -1000px;
}
.RadGrid_EzGrid .rgPageLast:hover
{
    background-position: 0 -1050px;
}
  
.RadGrid_EzGrid .rgPager .rgPagerButton
{
    border-color: #7e7e7e;
    background: #c6c6c6;
    color: #000;
    font: 12px/12px "segoe ui" ,arial,sans-serif;
}
  
.RadGrid_EzGrid .rgNumPart a
{
    border: 1px solid #e4e4e4;
    line-height: 20px;
    color: #000;
}
  
.RadGrid_EzGrid .rgNumPart a:hover
{
    border-color: #333333;
    background:#80C949;
    color: #000000;
}
  
.RadGrid_EzGrid .rgNumPart a.rgCurrentPage, .RadGrid_EzGrid .rgNumPart a.rgCurrentPage:hover
{
    border-color: #333333;
    /*background: transparent;*/
    background: #80C949;
    color: #000000;
}
  
/*sorting, reordering*/
  
.RadGrid_EzGrid .rgHeader .rgSortAsc
{
    background-position: 3px -248px;
    height: 10px;
}
  
.RadGrid_EzGrid .rgHeader .rgSortDesc
{
    background-position: 3px -198px;
    height: 10px;
}
  
.GridReorderTop_EzGrid, .GridReorderBottom_EzGrid
{
    background: 0 0 no-repeat url('Grid/sprite.gif');
}
  
.GridReorderBottom_EzGrid
{
    background-position: 0 -50px;
}
  
/*filtering*/
  
.RadGrid_EzGrid .rgFilterRow
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgFilterRow td
{
    border-bottom: 1px solid #999;
    border-left: 1px solid #e4e4e4;
}
  
.RadGrid_EzGrid .rgFilter
{
    background-position: 0 -300px;
}
  
.RadGrid_EzGrid .rgFilter:hover
{
    background-position: 0 -350px;
}
  
.RadGrid_EzGrid .rgFilterActive, .RadGrid_EzGrid .rgFilterActive:hover
{
    background-position: 0 -400px;
}
  
.RadGrid_EzGrid .rgFilterBox
{
    border-color: #616161;
    font: 12px "segoe ui" ,arial,sans-serif;
    color: #000;
}
  
  
/*context menu*/
  
.GridContextMenu_Default .rmLeftImage
{
    background-image: url('../Common/Grid/contextMenu.gif');
}
  
.GridContextMenu_Default .rgHCMSortAsc .rmLeftImage
{
    background-position: 0 0;
}
  
.GridContextMenu_Default .rgHCMSortDesc .rmLeftImage
{
    background-position: 0 -40px;
}
  
.GridContextMenu_Default .rgHCMUnsort .rmLeftImage
{
    background-position: 0 -80px;
}
  
.GridContextMenu_Default .rgHCMGroup .rmLeftImage
{
    background-position: 0 -120px;
}
  
.GridContextMenu_Default .rgHCMUngroup .rmLeftImage
{
    background-position: 0 -160px;
}
  
.GridContextMenu_Default .rgHCMCols .rmLeftImage
{
    background-position: 0 -200px;
}
  
.GridContextMenu_Default .rgHCMFilter .rmLeftImage
{
    background-position: 0 -240px;
}
  
.GridContextMenu_Default .rgHCMUnfilter .rmLeftImage
{
    background-position: 0 -280px;
}
  
/*filter context menu*/
  
.RadMenu_EzGrid .rgHCMClear, .RadMenu_EzGrid .rgHCMFilter
{
    border-color: #898772 /*#7e7e7e*/;
    background: #dfe1ca;
    color: #000;
    font-family: "segoe ui" ,arial,sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
  
.RadMenu_EzGrid .rgHCMClear:hover, .RadMenu_EzGrid .rgHCMFilter:hover
{
    border-color: #74ca53 #5cb83a #42a31d;
    background-color: #dbf4c7;
    color: #279500;
}
  
/*grouping*/
  
.RadGrid_EzGrid .rgGroupPanel
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    background: #c6c6c6;
}
  
.RadGrid_EzGrid .rgGroupPanel td
{
    border: 0;
    padding: 3px 4px;
}
  
.RadGrid_EzGrid .rgGroupPanel td td
{
    padding: 0;
}
  
.RadGrid_EzGrid .rgGroupPanel .rgSortAsc
{
    background-position: 4px -144px;
}
  
.RadGrid_EzGrid .rgGroupPanel .rgSortDesc
{
    background-position: 4px -94px;
}
  
.RadGrid_EzGrid .rgUngroup
{
    background-position: 0 -6999px;
}
  
.RadGrid_EzGrid .rgGroupItem
{
    border: 1px solid #7e7e7e;
    background: #c6c6c6;
}
  
.RadGrid_EzGrid .rgMasterTable td.rgGroupCol, .RadGrid_EzGrid .rgMasterTable td.rgExpandCol
{
    border-color: #c9c9c9;
    background: #c9c9c9 none;
}
  
.RadGrid_EzGrid .rgGroupHeader
{
    background: #c9c9c9;
    font-size: 1.1em;
    line-height: 22px;
    color: #000;
}
  
.RadGrid_EzGrid .rgGroupHeader td
{
    padding-left: 8px;
    padding-bottom: 2px;
}
  
.RadGrid_EzGrid .rgExpand
{
    background-position: 5px -496px;
}
  
.RadGrid_EzGrid .rgCollapse
{
    background-position: 3px -444px;
}
  
/*editing*/
  
.RadGrid_EzGrid .rgEditForm
{
    border-bottom: 1px solid #999;
}
  
.RadGrid_EzGrid .rgUpdate
{
    background-position: 0 -1800px;
}
  
.RadGrid_EzGrid .rgCancel
{
    background-position: 0 -1850px;
}
  
/*hierarchy*/
  
.RadGrid_EzGrid .rgDetailTable
{
    border-color: #999;
}
  
/*command row*/
  
.RadGrid_EzGrid .rgCommandRow
{
    background: #c6c6c6;
    color: #000;
    height: 36px;
}
  
.RadGrid_EzGrid .rgCommandCell
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    padding: 0;
}
  
.RadGrid_EzGrid tfoot .rgCommandCell, .RadGrid_EzGrid .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell
{
    border-top: 1px solid #7c7c7c;
    border-bottom: 0;
}
  
.RadGrid_EzGrid .rgCommandTable td
{
    border: 0;
    padding: 2px 7px;
}
  
.RadGrid_EzGrid .rgCommandTable a
{
font-weight:bold;
font-size:14px;
      
}
  
.RadGrid_EzGrid .rgCommandTable
{
    border: 0;
}
  
.RadGrid_EzGrid .rgCommandRow a
{
    color: #000;
    text-decoration: none;
}
  
.RadGrid_EzGrid .rgAdd
{
    margin-right: 3px;
    background-position: 0 -1650px;
    background: 0 0 no-repeat url('Grid/add_icon.jpg');
}
  
.RadGrid_EzGrid .rgRefresh
{
    margin-right: 3px;
    background-position: 0 -1600px;
    background: 0 0 no-repeat url('Grid/refresh_icon.jpg');
}
  
.RadGrid_EzGrid .rgEdit
{
    background-position: 0 -1700px;
}
  
.RadGrid_EzGrid .rgDel
{
    background-position: 0 -1750px;
}
  
.RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/export.gif');
}
  
.RadGrid_EzGrid .rgExpXLS
{
    background-position: 0 0;
}
.RadGrid_EzGrid .rgExpDOC
{
    background-position: 0 -50px;
}
.RadGrid_EzGrid .rgExpPDF
{
    background-position: 0 -100px;
}
.RadGrid_EzGrid .rgExpCSV
{
    background-position: 0 -150px;
}
  
/*multirow select*/
  
.GridRowSelector_EzGrid
{
    background: #4c4e54;
}
  
/*row drag n drop*/
  
.GridItemDropIndicator_EzGrid
{
    border-top: 1px dashed #666;
}
  
/*tooltip*/
  
.GridToolTip_EzGrid
{
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}
  
/*rtl*/
  
.RadGridRTL_EzGrid .rgHeader:first-child, .RadGridRTL_EzGrid th.rgResizeCol:first-child, .RadGridRTL_EzGrid .rgFilterRow > td:first-child, .RadGridRTL_EzGrid .rgRow > td:first-child, .RadGridRTL_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 1px;
    padding-left: 7px;
    text-decoration:underline;
}
  
.RadGridRTL_EzGrid .rgPageFirst
{
    background-position: 0 -1000px;
}
.RadGridRTL_EzGrid .rgPageFirst:hover
{
    background-position: 0 -1050px;
}
.RadGridRTL_EzGrid .rgPagePrev
{
    background-position: 0 -850px;
}
.RadGridRTL_EzGrid .rgPagePrev:hover
{
    background-position: 0 -900px;
}
.RadGridRTL_EzGrid .rgPageNext
{
    background-position: 0 -700px;
}
.RadGridRTL_EzGrid .rgPageNext:hover
{
    background-position: 0 -750px;
}
.RadGridRTL_EzGrid .rgPageLast
{
    background-position: 0 -550px;
}
.RadGridRTL_EzGrid .rgPageLast:hover
{
    background-position: 0 -600px;
}
  
  
  
  
  
  
  
  
  
DIV.RadGrid_EzGrid .rgCommandCell
{
    /*BACKGROUND-IMAGE: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Grid&skin=EzGrid&file=right_top.jpg&t=1889871502');   LINE-HEIGHT: 20px;  PADDING-RIGHT: 27px;     font-weight: bold; */
}
  
DIV.RadGrid_EzGrid
{
    border-right-color: #EEEEEE;
    border-left-color: #EEEEEE;
    border-top: #999999 0px solid;
}
  
DIV.RadGrid_EzGrid TH.rgResizeCol
{
    padding-bottom: 12px;
    background-color: #808080;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
}
  
DIV.RadGrid_EzGrid .rgHeader
{
    padding-bottom: 5px;
    background-color: #666666;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
    border-bottom-color: #4eb106;
    border-bottom-width: 5px;
}
  
DIV.RadGrid_EzGrid .rgRow
{
    line-height: 16px;
    background-color: #FFFFFF;
    color: #555555;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgRow TD
{
    line-height: 16px;
    background-color: #FFFFFF;
}
  
DIV.RadGrid_EzGrid .rgAltRow TD
{
    line-height: 16px;
    background-color: #E8E8E8;
}
DIV..RadGrid_EzGrid .rgSelectedRow
{
    /*background-color: #d6faba;*/
    background-color: #80C949;
}
DIV.RadGrid_EzGrid .rgSelectedRow TD
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #000000;
}
  
  
DIV.RadGrid_EzGrid .rgCommandRow
{
    line-height: 13px;
    background-color: transparent;
    background-image: url('TabStrip/tab1.png');
    background-position: 0px 0px;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
}
DIV.RadGrid_EzGrid .rgCommandCell
{
    background-image: none;
    border-top-color: #00A1D6;
    font-size: 12px;
    font-weight: bold;
    padding-right: 27px;
}
  
  
DIV.RadGrid_EzGrid TR.rgSelectedRow
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #555555;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgAltRow
{
    line-height: 16px;
    background-color: #E8E8E8;
    color: #555555;
    font-size: 12px;
}
  
  
  
DIV.RadGrid_EzGrid .rgHeader
{
    /*FONT-WEIGHT: bold;    font-size:smaller;*/
}
  
DIV.RadGrid_EzGrid .rgHeader A
{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgFilterBox
{
    width: 40px;
}
/* DIV..RadGrid_EzGrid .rgHoveredRow td
 {
    BACKGROUND-COLOR: #d6faba;
 }*/
.imgEdit
{
    background: transparent;
}
  
.RadGrid_EzUR .SelectedRow
{
    background-color: #4EB106;
}
  
DIV.RadGrid_EzUR .rgCommandRow
{
    font-size: 14px;
    font-weight: bold;
}
  
DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
}
  
DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}


Here is CSS for combox
/* RadComboBox Default skin */
  
/*global*/
  
.RadComboBox_EzGrid,
.RadComboBox_EzGrid .rcbInput,
.RadComboBoxDropDown_EzGrid
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #333;
}
  
/* combobox */
  
.RadComboBox_EzGrid .rcbInputCellLeft,
.RadComboBox_EzGrid .rcbInputCellRight,
.RadComboBox_EzGrid .rcbArrowCellLeft,
.RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
  
* html .RadComboBox_EzGrid .rcbInputCellLeft,
* html .RadComboBox_EzGrid .rcbInputCellRight,
* html .RadComboBox_EzGrid .rcbArrowCellLeft,
* html .RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
  
.RadComboBox_EzGrid td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid td.rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
  
.RadComboBox_EzGrid .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
  
.RadComboBox_EzGrid .rcbHovered .rcbInputCell .rcbInput
{
    color: #000;
}
  
.RadComboBox_EzGrid td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid td.rcbArrowCellRight { background-position: 0 -88px; }
  
.RadComboBox_EzGrid .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
  
.RadComboBox_EzGrid td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
  
.RadComboBox_EzGrid_rtl td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbFocused td.rcbArrowCellHidden { background-position: -18px -88px; }
  
/* Read-only styles */
  
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
  
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
  
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
  
.RadComboBox_EzGrid_rtl .rcbReadOnly td.rcbArrowCellHidden { background-position: -18px -88px; }
.RadComboBox_EzGrid_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -54px -88px; }
.RadComboBox_EzGrid_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -90px -88px; }
  
/* dropdown */
  
.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter,
.RadComboBoxDropDown_EzGrid .rcbMoreResults,
.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
  
* html .RadComboBoxDropDown_EzGrid .rcbHeader,
* html .RadComboBoxDropDown_EzGrid .rcbFooter,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
  
.RadComboBoxDropDown_EzGrid
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
  
.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
  
.RadComboBoxDropDown_EzGrid .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
  
.RadComboBoxDropDown_EzGrid .rcbFooter
{
    border-top-color: #d5d5d5;
}
  
.RadComboBoxDropDown_EzGrid .rcbItem em
{
    background: #e5e5e5;
}
  
.RadComboBoxDropDown_EzGrid .rcbHovered
{
    background: #dfdfdf;
    color: #000;
}
  
.RadComboBoxDropDown_EzGrid .rcbSeparator
{
    color: #fff;
    background: #8a8a8a;
}
  
.RadComboBox_EzGrid .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_EzGrid .rcbDisabled
{
    color: #999;
}
  
.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_EzGrid table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
.RadComboBox_EzGrid_rtl table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -126px -88px; }
  
.RadComboBoxDropDown_EzGrid .rcbLoading
{
    background:  #f0f0f0;
}
  
.RadComboBoxDropDown_EzGrid .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background-position: 0 -132px;
    background-color: #e6e6e6;
    color: #8a8a8a;
}
  
.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-position: -157px -94px;
}
  
  
  
 DIV.RadComboBox_EzGrid .rcbHovered .rcbInputCell {
  
    BACKGROUND-COLOR: #888888;
  
}
Grid
Galin
Telerik team
 answered on 23 Dec 2011
3 answers
152 views
No Div with Display:Block around Buttons configured as ToogleButtons (Radio)
I have three Buttons within the same Group (GroupName) as type "StandardButton" with ToogleType="Radio"

Each of them gets enclosed with a Div element that have style="display:block;" so the buttons are listed unter each other.

This is the Code:

<telerik:RadButton ID="btnAbsolut" runat="server" Checked="true"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Absolute Werte" Skin="Rausch" ToolTip="Anzeige als Absolute Werte"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>
<telerik:RadButton ID="btnAbweichung" runat="server"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Abweichung" Skin="Rausch" ToolTip="Anzeige als Abweichung"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>
<telerik:RadButton ID="btnProzent" runat="server"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Abweichung in %" Skin="Rausch" ToolTip="Anzeige als Abweichung in Prozent"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>

and this this the rendered result:

<div style="display: block;" id="btnAbsolutPanel">
    <a style="width: 60px; display: inline-block;" id="btnAbsolut" class="RadButton RadButton_Rausch rbSkinnedButton rbSkinnedButtonChecked" title="Anzeige als Absolute Werte" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbsolut_input" class="rbDecorated" tabIndex="-1" name="btnAbsolut" value="Absolute Werte" type="submit"><input id="btnAbsolut_ClientState" name="btnAbsolut_ClientState" type="hidden" autocomplete="off"></a>
</div>
<div style="display: block;" id="btnAbweichungPanel">
    <a style="width: 60px; display: inline-block;" id="btnAbweichung" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbweichung_input" class="rbDecorated" tabIndex="-1" name="btnAbweichung" value="Abweichung" type="submit"><input id="btnAbweichung_ClientState" name="btnAbweichung_ClientState" type="hidden" autocomplete="off"></a>
</div>
<div style="display: block;" id="btnProzentPanel">
    <a style="width: 60px; display: inline-block;" id="btnProzent" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung in Prozent" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnProzent_input" class="rbDecorated" tabIndex="-1" name="btnProzent" value="Abweichung in %" type="submit"><input id="btnProzent_ClientState" name="btnProzent_ClientState" type="hidden" autocomplete="off"></a>
</div>

Maybe I'm to stupid, but how can I disable this.

BTW, I'm using 2011 Q3 Release of the Telerik Controls
Button
Mark
Top achievements
Rank 1
 answered on 23 Dec 2011
1 answer
72 views
Transferring from unbound to bound results in blank items
I'm attempting to transfer items from an unbound listbox (populated at runtime) to a bound listbox (populated with a SQL data source) and the items transfer, but are blank.  Any samples out there that I can look at to get this working? 
ListBox
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
0 answers
38 views
How to select a node in radfilexplorer 's treeview section on context menu showing?
Hi,

I have separate context menu for root and sub folders in treeview section in radfileexplorer. The context menu is appearing on focusing on folders.I need to make selection a folder(as active selected folder) when focusing on that to avoid confusion in context menu.How is this possible?.Please reply me with exact code.

Regards,
Praveen.
FileExplorer
Praveen
Top achievements
Rank 1
 asked on 23 Dec 2011
1 answer
132 views
Show Total amount for RadGrid when clicking CheckBox
How to Display total amount as Label when selecting the check-boxes in the Telerik Rad Grid.  

For example: I have three columns in the grid (Code, Description, Amount) one more column for Check box in each row. By selecting check box the total amount should display as label dynamically. If selects all then display total amount.



Thank you,
 
General Discussions
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
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
Diagram
XmlHttpPanel
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
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
TreeMap
Security
DateRangePicker
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
4559 4560
4561
4562 4563
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how