Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
126 views
Hi,

We are using RadGrid with EntityDatasource. We have pagination enabled on the RadGrid.
We loooked at the sql profiler and saw that RadGrid makes two calls to the database (through EntityDatasource). One call is for getting the total count (for displaying pages and count) and the second is for fetches actual records in the page.

Later when we move to the second page, I can see in the sql profiler that again two calls are made - one for count and other for all the rows of the second page.

Can we configure the radgrid such that it does not fetch the count on second or subsequent operations (like moving to next page or sorting)? Since the grid already has the total count whcih it gets on the first load, cant the radgrid maintian this and use this in the subsequent operations?

Thanks and Regards,
Bhaskar Shanbhag

PS. I am asking this question since our sql query which we use in the Entity Datasource is already very slow and calling it two times for every operation makes it slower.
Veli
Telerik team
 answered on 23 Dec 2011
1 answer
89 views
Hi all,
I used RADTelerik and I have a problem: I don't know replace link by TExt by ICON.
My code Page:

<telerik:GridTemplateColumn HeaderText="[Groupes]" UniqueName="GroupeContent">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lblNom" CommandName="Select" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Nom") %>' />
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <asp:TextBox ID="txtNom" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Nom") %>'
                                        MaxLength="30"></asp:TextBox>
                                </EditItemTemplate
>
                               
                            </telerik:GridTemplateColumn>
....
I want to replace the 2 link "update" and "cancel" by icons.
Pls view attached file.

Thanks alot

Rahul
Top achievements
Rank 2
 answered on 23 Dec 2011
3 answers
161 views
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...




Bozhidar
Telerik team
 answered on 23 Dec 2011
3 answers
87 views
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??
Genady Sergeev
Telerik team
 answered on 23 Dec 2011
1 answer
141 views
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!



Tsvetina
Telerik team
 answered on 23 Dec 2011
3 answers
106 views
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.
Arsalan
Top achievements
Rank 1
 answered on 23 Dec 2011
2 answers
63 views
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



Slav
Telerik team
 answered on 23 Dec 2011
1 answer
102 views
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-repeatrepeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeatrepeat-x;
}
  
DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
    background-repeatrepeat-x;
}
  
DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeatrepeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeatrepeat-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;
  
}
Galin
Telerik team
 answered on 23 Dec 2011
3 answers
170 views
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
Mark
Top achievements
Rank 1
 answered on 23 Dec 2011
1 answer
85 views
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? 
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?