Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
103 views
Hi All.

I always used class for RadComboBox to fetch the record from database..
----------------------------------------------
Public Sub BindRadcombobox(ByVal objcombobox As RadComboBox, ByVal sqlstr As String, ByVal fieldname As String, ByVal fieldvalue As String)

        ds = New DataSet()
        ds = bindDataSet(sqlstr)
        If ds.Tables(0).Rows.Count > 0 Then
            For Each dsrow As DataRow In ds.Tables(0).Rows
                objcombobox.Items.Add(Convert.ToString(dsrow(fieldname)))
// Error is coming here ((" Value Type 'String' cannot be converted to Telerik.Web.UI.RadComboBoxItem")
                objcombobox.Items(objcombobox.Items.Count - 1).Value = Convert.ToString(dsrow(fieldvalue))
            Next

        End If
    End Sub
----------------------------------------
    void color()
    {
        conquery dq = new conquery();
        string strsql;
        strsql = "select * from color";

        dq.BindRadcombobox(RadComboBox1, strsql, "color", "clid");
    }
------------------------------------
But it is giving errror that (" Value Type 'String' cannot be converted to Telerik.Web.UI.RadComboBoxItem")

But my this code works with normal DropDownList.

Please assist.

Thanks.
khansa
Top achievements
Rank 1
 answered on 26 Jul 2010
1 answer
142 views
I recently downloaded and updated our site to use the Q2 2010 build. The radmenu on the main master page is set up to use a linqdatasource with sub menu's. The sub menu's work fine when run locally from both IE 8 and FF. Once the app is deployed to the server however the sub menu's will not animate and fail to display. I created a simple test page that did not use the master or any CSS changes, it in fact only contains a radmenu item and I added the items and subitems using the radmenu menu builder wizard. Again it works fine locally, but does not display any of the sub menu's once it is deployed to the web server. The server has not changed and other servers containing previous versions of the site and telerik control's work as expected. What could cause this behavior? I've checked the reference in the web.config file they point correctly, I've dropped and recreated the references to the ddl's and explicity copied the dll's from the most recent version to the bin directory of the project but still nothing. I get no error message and can't think of anything else to try to resolve this.

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>

    <telerik:RadMenu ID="RadMenu2" Runat="server">
        <Items>
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>
    </form>
</body>
</html>
Schlurk
Top achievements
Rank 2
 answered on 26 Jul 2010
2 answers
135 views
Hello Experts,

I am new to telerik controls and I am using telerik grid control. I have implemented basic paging grid as shown in grid control example. I have two parts in my web page one is User List part at right side and other is a Form to edit Users Profile. User Name are Hyperlinks to the page itself with userid as queryString. When user click on any User Name link I am loading that users detail in the left side form to edit its detail.

The page jump upon clicking on page links i.e. 1,2,3,4,... working fine..... but when I change the Page Size value from dropdown... my grid just disapear. Upon reload the page it shows again with the selected value in dropdown. for example default page size is 5 and I changed it to 10.... grid disapear.... when I reload the page it shows with 10.

My datasource is a dataset table which I am getting by calling a Stored Procedure.

Please help me to get my grid visible upon changing dropdown value.

One more thing I want to do.... User Name in grid are hyperlinks to page itself with userid as querystring... If I click on a User Name on 5th page I want to be on 5th page when page loads that users detail.


Thanks
Manish
Manish
Top achievements
Rank 1
 answered on 26 Jul 2010
1 answer
144 views
Hello,

In the following code, you'll see that the button wraps to the next line when using the RadAjaxManager control. If you remove the AjaxSettings, the button appears on the same line, as desired.

Does anyone know what can be done about this?

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_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">
        //Put your JavaScript code here.
    </script>
 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnAutoVendorInvoiceNumber">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="txtVendorInvoiceNumber" />
                    <telerik:AjaxUpdatedControl ControlID="reqInvoiceNumber" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div>
    Using AJAX Manager causes the button to appear on the next line! Why?
        <table>
            <tr>
                <td>
                    Vendor invoice #:
                </td>
                <td class="rgSorted">
                    <telerik:RadTextBox ID="txtVendorInvoiceNumber" runat="server" MaxLength="50" Width="90px" />
                    <asp:Button ID="btnAutoVendorInvoiceNumber" runat="server" CausesValidation="false"
                        CssClass="rgPagerButton" Text="Auto" /><asp:RequiredFieldValidator ID="reqInvoiceNumber"
                            runat="server" ControlToValidate="txtVendorInvoiceNumber" Display="Dynamic" ErrorMessage="<br />A vendor invoice # is required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    Payable #:
                </td>
                <td class="rgSorted">
                    <telerik:RadTextBox ID="txtAccountsPayableNumber" runat="server" MaxLength="50" Width="120px">
                    </telerik:RadTextBox>
                    <asp:Button ID="btnAutoAccountsPayableNumber" runat="server" CausesValidation="false"
                        CssClass="rgPagerButton" Text="Auto" />
                    <asp:RequiredFieldValidator ID="reqAccountsPayableNumber" runat="server" ControlToValidate="txtAccountsPayableNumber"
                        Display="Dynamic" ErrorMessage="<br />An Accounts Payable Number is required. Click Auto to generate one."></asp:RequiredFieldValidator>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
Lenny_shp
Top achievements
Rank 2
 answered on 26 Jul 2010
0 answers
208 views
I have two levels of grouping in my grid. i recently upgraded to the latest ASP.NET AJAX controls and was having trouble with the new css. My grid group headers do not look aligned as they did with the earlier controls. I have attached a screen shot of how they appear. It seems i need to apply some padding but i was unable to do that without affecting the other parts of the grid. I need to change just the grid group header.

I also want to change the font of only my first level of group header and have my second level header indented. Is that possinle? I have posted this query on a different thread earlier but did not recieve a response from the telerik team yet.

Please let me know the solution to above issues.

Below is my grid CSS and declaration:

/*Telerik RadGrid Default Skin*/
  
/*global*/
  
.RadGrid_MLightning
{
    background: #F9F9F9;
    border: 0px !important;
    border-collapse: separate !important;
    color: #000;
    border-right-width: 0px;
}
  
.RadGrid_MLightning,
.RadGrid_MLightning .rgMasterTable,
.RadGrid_MLightning .rgDetailTable,
.RadGrid_MLightning .rgGroupPanel table,
.RadGrid_MLightning .rgCommandRow table,
.RadGrid_MLightning .rgEditForm table,
.RadGrid_MLightning .rgPager table,
.GridToolTip_MLightning
{
    font: Tahoma;
    border-right: 0px;
}
  
  
  
.RadGrid_MLightning .rgAdd,
.RadGrid_MLightning .rgRefresh,
.RadGrid_MLightning .rgEdit,
.RadGrid_MLightning .rgDel,
.RadGrid_MLightning .rgFilter,
.RadGrid_MLightning .rgPagePrev,
.RadGrid_MLightning .rgPageNext,
.RadGrid_MLightning .rgPageFirst,
.RadGrid_MLightning .rgPageLast,
.RadGrid_MLightning .rgExpand,
.RadGrid_MLightning .rgCollapse,
.RadGrid_MLightning .rgSortAsc,
.RadGrid_MLightning .rgSortDesc,
.RadGrid_MLightning .rgUpdate,
.RadGrid_MLightning .rgCancel,
.RadGrid_MLightning .rgUngroup,
.RadGrid_MLightning .rgExpXLS,
.RadGrid_MLightning .rgExpDOC,
.RadGrid_MLightning .rgExpPDF,
.RadGrid_MLightning .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
  
/*header*/
  
.RadGrid_MLightning .rgHeaderDiv
{
    background:#ededed 0 -7550px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
    background-position:0 -7050px;
}
  
.RadGrid_MLightning .rgHeader,
.RadGrid_MLightning th.rgResizeCol
{
    border-right: solid 1px #FFFFFF;
    border-bottom:1px solid #828282;
    background: #003e7e repeat-x 0 100%;
    border-bottom: solid 1px #003e7e;
    border-top: solid 1px #003e7e;
    height: 16px;
    color: #ffffff;
    font-family:Tahoma;
}
  
.RadGrid_MLightning th.rgSorted
{
    background-color:#c4c4c4;
    background-position:0 -2600px;
}
  
.RadGrid_MLightning .rgHeader,
.RadGrid_MLightning .rgHeader a
{
    color: #ffffff;
    text-decoration: none;
}
  
/*rows*/
  
.RadGrid_MLightning .rgRow td,
.RadGrid_MLightning .rgAltRow td,
.RadGrid_MLightning .rgEditRow td,
.RadGrid_MLightning .rgFooter td
{
    border-style:solid;
    border-width: 0 0 1px 0;
    border-right-width : 1px;   
}
  
.RadGrid_MLightning .rgRow td
{
    border-color:#ffffff;
    padding: 0 0 7px 0;
}
  
  
.RadGrid_MLightning .rgSelectedRow .rgSorted,
.RadGrid_MLightning .rgActiveRow .rgSorted,
.RadGrid_MLightning .rgHoveredRow .rgSorted,
.RadGrid_MLightning .rgEditRow .rgSorted
{
    background-color:transparent;
}
  
.RadGrid_MLightning .rgRow a,
.RadGrid_MLightning .rgAltRow a,
.RadGrid_MLightning .rgEditRow a,
.RadGrid_MLightning tr.rgEditRow a,
.RadGrid_MLightning tr.rgHoveredRow a,
.RadGrid_MLightning tr.rgActiveRow a,
.RadGrid_MLightning .rgFooter a,
.RadGrid_MLightning .rgEditForm a
{
    color:#000000;
}
  
.RadGrid_MLightning .rgSelectedRow
{
    background:#828282 0 -3900px repeat-x url('Grid/sprite.gif');
    color:#ffffff;
}
*+html .RadGrid_MLightning .rgSelectedRow .rgSorted{background-color:#828282}
* html .RadGrid_MLightning .rgSelectedRow .rgSorted{background-color:#828282}
  
.RadGrid_MLightning .rgSelectedRow a
{
    color:#ffffff;
}
  
.RadGrid_MLightning .rgActiveRow,
.RadGrid_MLightning .rgHoveredRow
{
    background:#c4c4c4 0 -2900px repeat-x url('Grid/sprite.gif');
    color:#333333;
}
*+html .RadGrid_MLightning .rgActiveRow .rgSorted,
*+html .RadGrid_MLightning .rgHoveredRow .rgSorted{background-color:#c4c4c4}
* html .RadGrid_MLightning .rgActiveRow .rgSorted,
* html .RadGrid_MLightning .rgHoveredRow .rgSorted{background-color:#c4c4c4}
  
.RadGrid_MLightning .rgEditRow
{
    background:#ffffff 0 -4900px repeat-x url('Grid/sprite.gif');
    color:#333333;
}
*+html .RadGrid_MLightning .rgEditRow .rgSorted{background-color:#ffffff}
* html .RadGrid_MLightning .rgEditRow .rgSorted{background-color:#ffffff}
  
.RadGrid_MLightning .rgActiveRow td,
.RadGrid_MLightning .rgActiveRow td.rgSorted,
.RadGrid_MLightning .rgHoveredRow td,
.RadGrid_MLightning .rgHoveredRow td.rgSorted
{
    border-bottom-color:#9e9e9e;
}
  
.RadGrid_MLightning .rgSelectedRow td,
.RadGrid_MLightning .rgSelectedRow td.rgSorted
{
    border-bottom-color:#6b6b6b;
}
  
/*footer*/
  
.RadGrid_MLightning .rgFooterDiv,
.RadGrid_MLightning .rgFooter
{
    background:#ededed;
}
  
.RadGrid_MLightning .rgFooter td
{
    border-top:1px solid #828282;
    border-bottom:1px solid #ffffff;
}
  
/*status*/
  
.RadGrid_MLightning .rgPager .rgStatus
{
    border:1px solid;
    border-color:#828282 #c9c9c9 #ededed #c9c9c9;
    border-left:0;
}
  
.RadGrid_MLightning .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
  
/*pager*/
  
.RadGrid_MLightning .rgPager
{
    background:#ededed;
}
  
.RadGrid_MLightning td.rgPagerCell
{
    border:1px solid;
    border-color:#828282 #ededed #ededed;
    border-right:0;
}
  
.RadGrid_MLightning .rgInfoPart
{
    color:#ffffff;
}
  
.RadGrid_MLightning .rgInfoPart strong
{
    color:#ffffff;
}
  
.RadGrid_MLightning .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_MLightning .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_MLightning .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_MLightning .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_MLightning .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_MLightning .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_MLightning .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_MLightning .rgPageLast:hover
{
    background-position:0 -1050px;
}
  
.RadGrid_MLightning .rgPager .rgPagerButton
{
    border-color:#d1d1d1 #adadad #8c8c8c;
    background:#e8e8e8 repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000000;
    font-family:"segoe ui",arial,sans-serif;
}
  
.RadGrid_MLightning .rgNumPart a:hover,
.RadGrid_MLightning .rgNumPart a:hover span,
.RadGrid_MLightning .rgNumPart a.rgCurrentPage,
.RadGrid_MLightning .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}
  
.RadGrid_MLightning .rgNumPart a
{
    color:#000000;
}
  
.RadGrid_MLightning .rgNumPart a:hover
{
    background-position:100% -1250px;
}
  
.RadGrid_MLightning .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
  
.RadGrid_MLightning .rgNumPart a.rgCurrentPage,
.RadGrid_MLightning .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
  
.RadGrid_MLightning .rgNumPart a.rgCurrentPage span,
.RadGrid_MLightning .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
  
/*sorting, reordering*/
  
.RadGrid_MLightning .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
  
.RadGrid_MLightning .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
  
.GridReorderTop_MLightning,
.GridReorderBottom_MLightning
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
  
.GridReorderBottom_MLightning
{
    background-position:0 -50px;
}
  
/*filtering*/
  
.RadGrid_MLightning .rgFilterRow
{
    background:#ededed;
}
  
.RadGrid_MLightning .rgFilterRow td
{
    border-bottom:1px solid #828282;
}
  
.RadGrid_MLightning .rgFilter
{
    background-position:0 -300px;
}
  
.RadGrid_MLightning .rgFilter:hover
{
    background-position:0 -350px;
}
  
.RadGrid_MLightning .rgFilterActive,
.RadGrid_MLightning .rgFilterActive:hover
{
    background-position:0 -400px;
}
  
.RadGrid_MLightning .rgFilterBox
{
    border-color:#8f8f8f #c9c9c9 #c9c9c9 #8f8f8f;
    font-family:"segoe ui",arial,sans-serif;
    color:#333333;
}
  
/*filter context menu*/
  
.RadMenu_MLightning .rgHCMClear,
.RadMenu_MLightning .rgHCMFilter
{
    border-color:#d1d1d1 #a8a8a8 #8c8c8c;
    background:#e8e8e8 center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
    color:#000000;
    font-family:"segoe ui",arial,sans-serif;
}
  
.RadMenu_MLightning .rgHCMClear:hover,
.RadMenu_MLightning .rgHCMFilter:hover
{
    border-color:#d1d1d1 #bababa #a3a3a3;
    background-position:center -67px;
    background-color:#e6e6e6;
}
  
/*grouping*/
  
.RadGrid_MLightning .rgGroupPanel
{
    background-color: #e8e8e8;
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #b1b1b1;
}
  
.RadGrid_MLightning .rgGroupPanel td
{
    padding: 2px 4px;
}
  
.RadGrid_MLightning .rgGroupPanel td td
{
    padding:0;
}
  
.RadGrid_MLightning .rgGroupPanel .rgSortAsc
{
    background-position:4px -144px;
}
  
.RadGrid_MLightning .rgGroupPanel .rgSortDesc
{
    background-position:4px -94px;
}
  
.RadGrid_MLightning .rgUngroup
{
    background-position:0 -6998px;
}
  
.RadGrid_MLightning .rgGroupItem
{
    background: #efefef;
    color: #999999;
    border: solid 1px white;
    border-right: solid 1px #c6c6c6;
    border-bottom: solid 1px #c6c6c6;
    white-space:  nowrap;
    font-size: 10px;
}
  
.RadGrid_MLightning .rgMasterTable td.rgGroupCol,
.RadGrid_MLightning .rgMasterTable td.rgExpandCol
{
    border-color:#d9d9d9;
    background:#d9d9d9 none;
}
  
.RadGrid_MLightning .rgGroupHeader
{    
    height:25px;
}
  
.RadGrid_MLightning .rgGroupHeader td
{
    border-left:0px solid #fff;
    border-right:0;
    border-bottom: solid 1px #c2c2c2;   
    font-family: Tahoma;
    font-size: 10pt;
    padding:7px;
}
  
.RadGrid_MLightning .rgGroupHeader td.rgGroupCol
{
    border-top-color:#828282;
}
  
.RadGrid_MLightning .rgExpand
{
    background-position:5px -496px;
}
  
.RadGrid_MLightning .rgCollapse
{
    background-position:3px -444px;
}
  
/*editing*/
  
.RadGrid_MLightning .rgEditForm
{
    border-bottom:1px solid #828282;
}
  
.RadGrid_MLightning .rgUpdate
{
    background-position:0 -1800px;
}
  
.RadGrid_MLightning .rgCancel
{
    background-position:0 -1850px;
}
  
/*hierarchy*/
  
.RadGrid_MLightning .rgDetailTable
{
    border-color:#828282;
}
  
/*command row*/
  
.RadGrid_MLightning .rgCommandRow
{
    background: #a7a7a9;
    color: #ffffff;
}
  
.RadGrid_MLightning .rgCommandCell
{
    background: #a7a7a9;
    border: solid 1px #c7c7c7;
    color: #ffffff;
    height: 16px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Tahoma;
    font-size: 9pt;
    text-align:right;
      
}
  
.RadGrid_MLightning tfoot .rgCommandCell
{
    border-top:1px solid;
    border-bottom:0;
}
  
.RadGrid_MLightning .rgCommandTable td
{
    border:0;
    padding:2px 7px;
}
  
.RadGrid_MLightning .rgCommandTable
{
    border:0;
    border-top:1px solid #fcfcfc;
    border-bottom:1px solid #e8e8e8;
}
  
.RadGrid_MLightning .rgCommandRow a
{
    color:#000000;
    text-decoration:none;
}
  
.RadGrid_MLightning .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
}
  
.RadGrid_MLightning .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
}
  
.RadGrid_MLightning .rgEdit
{
    background-position:0 -1700px;
}
  
.RadGrid_MLightning .rgDel
{
    background-position:0 -1750px;
}
  
.RadGrid_MLightning .rgSelected .rgDel
{
    background-position:0 -1775px;
}
  
.RadGrid_MLightning .rgExpXLS,
.RadGrid_MLightning .rgExpDOC,
.RadGrid_MLightning .rgExpPDF,
.RadGrid_MLightning .rgExpCSV
{
    background-image:url('Grid/export.gif');
}
  
.RadGrid_MLightning .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_MLightning .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_MLightning .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_MLightning .rgExpCSV
{
    background-position:0 -150px;
}
  
/*multirow select*/
  
.GridRowSelector_MLightning
{
    background:#545454;
}
  
/*row drag n drop*/
  
.GridItemDropIndicator_MLightning
{
    border-top:1px dashed #666666;
}
  
/*tooltip*/
  
.GridToolTip_MLightning
{
    border:1px solid #828282;
    padding:3px;
    background:#ffffff;
    color:#333333;
}
  
/*rtl*/
  
.RadGridRTL_MLightning .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_MLightning .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_MLightning .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_MLightning .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_MLightning .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_MLightning .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_MLightning .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_MLightning .rgPageLast:hover
{
    background-position:0 -600px;
}
  
  
 DIV.RadGrid_MLightning TH.rgResizeCol {
  
    BACKGROUND-COLOR: #003E7E;
  
}
  
 DIV.RadGrid_MLightning .rgHeader {
  
    BACKGROUND-COLOR: #003E7E;
  
}
  
 DIV.RadGrid_MLightning .rgCommandRow {
  
    BACKGROUND-IMAGE: none;
    BACKGROUND-COLOR: #A7A7A9;
  
}
  
 DIV.RadGrid_MLightning .rgCommandCell {
  
    FONT-FAMILY: Tahoma;
    COLOR: #FFFFFF;
  
}
  
 DIV.RadGrid_MLightning TH.rgResizeCol {
  
    BACKGROUND-IMAGE: none;
  
    BORDER-TOP-COLOR: #00A1D6;
  
}
  
 DIV.RadGrid_MLightning .rgHeader {
  
    border-right: solid 1px #FFFFFF;
    border-bottom: solid 1px #003e7e;
    border-top: solid 1px #003e7e;
    background: #003e7e;
    font: bold 10pt Tahoma;
    color: #ffffff;
    height: 20px;
    vertical-align:middle;
  
}
  
 DIV.RadGrid_MLightning .rgHeader A {
  
    color: #ffffff;
    text-decoration: none;
    font: bold 11px Verdana, Arial, Sans-serif;
}
  
DIV.RadGrid_MLightning .rgRow TD,
DIV.RadGrid_MLightning .rgAltRow TD,
DIV.RadGrid_MLightning .rgSelectedRow TD,
DIV.RadGrid_MLightning .rgActiveRow TD,
DIV.RadGrid_MLightning .rgEditRow TD
{
    padding-top:2px;
    padding-bottom:2px;
}
  
 DIV.RadGrid_MLightning .rgFilterRow TD {
  
    FONT-FAMILY: Tahoma;
  
}
  
 DIV.RadGrid_MLightning .rgRow TD A,
 DIV.RadGrid_MLightning .rgAltRow TD A {
  
    color: #73abc9;
    font-family:Tahoma;
    font-size:8pt;
  
}
  
DIV.RadGrid_MLightning .rgRow TD,
DIV.RadGrid_MLightning .rgAltRow TD {
  
    BACKGROUND-COLOR: #FFFFFF;
    white-space: normal;
    text-align: center;
    color: #898a8c;
    font-family: Tahoma;
    font-size: 8pt;
    padding: 10px 0px 10px 0px;
    border: solid 1px #C4C4C4;
      
}
  
DIV.RadGrid_MLightning .rgRow TD DIV,
DIV.RadGrid_MLightning .rgAltRow TD DIV{
      
    padding-left: 5px ;
}
  
 DIV.RadGrid_MLightning .rgRow,
 DIV.RadGrid_MLightning .rgAltRow {
  
    COLOR: #898A8C;
    background: #ffffff;
  
}
  
 DIV.RadGrid_MLightning TR.rgSelectedRow {
  
    BACKGROUND-COLOR: #707070;
  
}
  
 DIV.RadGrid_MLightning TABLE .rgActiveRow {
  
    BACKGROUND-COLOR: #EDF2D9;
  
}
  
 DIV.RadGrid_MLightning TABLE TR.rgHoveredRow {
  
    BACKGROUND-COLOR: #FFFFFF;
  
}
  
  
  
 DIV.RadGrid_MLightning .rgPager {
  
    BACKGROUND-COLOR: #898A8C;
    border-right: 0;
    color: #999;
  
}
  
 DIV.RadGrid_MLightning .rgPager .rgPagerCell {
      
    COLOR: #FFFFFF; 
    font-family: Tahoma;
    border: 1px solid #c7c7c7;
    height: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Tahoma;
    font-size: 8pt;
}
  
DIV.RadGrid_MLightning .rgPager .rgPagerCell A{
  
    FONT-FAMILY: Tahoma;
    COLOR: #FFFFFF;
    padding-left : 5px;
}
  
 DIV.RadGrid_MLightning {
  
    PADDING-BOTTOM: 5px;
  
    MARGIN-TOP: 0px;
  
}
  
 DIV.RadGrid_MLightning TH.rgResizeCol {
  
    BORDER-LEFT-COLOR: transparent;
  
}
  
 DIV.RadGrid_MLightning .rgHeader {
  
    BORDER-LEFT-COLOR: transparent;
  
}
  
 DIV.RadGrid_MLightning .rgFilterRow TD {
  
    BORDER-BOTTOM: transparent 0px solid;
  
    BORDER-LEFT: #FFFFFF 1px solid;
  
    PADDING-BOTTOM: 0px;
  
    BACKGROUND-COLOR: #8FBCD1;
  
    BORDER-TOP-COLOR: transparent;
  
    PADDING-LEFT: 0px;
  
    PADDING-RIGHT: 0px;
  
    BORDER-RIGHT-COLOR: transparent;
  
    PADDING-TOP: 0px;
  
}
  
   
  
 DIV.RadGrid_MLightning .rgSelectedRow TD {
  
    PADDING-BOTTOM: 2px;
  
    PADDING-TOP: 2px;
  
}  
  
 DIV.RadGrid_MLightning .rgFooter {
  
    COLOR: #FFFFFF;
}
  
 DIV.RadGrid_MLightning .rgPager {
  
    COLOR: #FFFFFF;
  
}
  
   
  
 DIV.RadGrid_MLightning .rgFooter TD {
  
    BACKGROUND-COLOR: #8FBCD1;
  
}

<telerik:RadGrid ID="RadGridCalendar" runat="server" GridLines="None" AllowPaging="true"
                        PageSize="20" AllowFilteringByColumn="true" Width="975px" ShowHeader="true" OnColumnCreated="RadGridCalendar_ColumnCreated"
                        OnItemCreated="RadGridCalendar_ItemCreated" OnItemDataBound="RadGridCalendar_ItemDataBound"
                        OnPreRender="RadGridCalendar_PreRender" AutoGenerateColumns="False" EnableLinqExpressions="false"
                        ShowGroupPanel="false" OnItemCommand="RadGridCalendar_ItemCommand" AllowSorting="true"
                        AllowCustomPaging="false" OnNeedDataSource="RadGridCalendar_NeedDataSource">
                        <ClientSettings Resizing-AllowColumnResize="true">
                            <ClientEvents OnGridCreated="GridCreated" />
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="450px" />
                        </ClientSettings>
                        <ExportSettings IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="false"
                            FileName="CalendarExport">
                            <Pdf AllowAdd="false" AllowCopy="true" AllowModify="true" AllowPrinting="true" Author="Anonymous"
                                Keywords="None" PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in"
                                PageWidth="297mm" PageHeight="210mm" PageTopMargin="1in" PageTitle="Calendar"
                                Subject="Calendar Export" Title="Calendar" />
                        </ExportSettings>
                        <MasterTableView TableLayout="Fixed" HierarchyDefaultExpanded="true" ClientDataKeyNames="ActivityID"
                            Width="100%" CommandItemDisplay="Top" DataKeyNames="ActivityID">
                            <GroupByExpressions>
                                <telerik:GridGroupByExpression>
                                    <SelectFields>
                                        <telerik:GridGroupByField FieldName="ToDoType" HeaderText=" " HeaderValueSeparator=""
                                            FormatString="{0}" SortOrder="Ascending"></telerik:GridGroupByField>
                                    </SelectFields>
                                    <GroupByFields>
                                        <telerik:GridGroupByField FieldName="ToDoType"></telerik:GridGroupByField>
                                    </GroupByFields>
                                </telerik:GridGroupByExpression>
                                <telerik:GridGroupByExpression>
                                    <SelectFields>
                                        <telerik:GridGroupByField FieldName="ActivityDate"></telerik:GridGroupByField>
                                    </SelectFields>
                                    <GroupByFields>
                                        <telerik:GridGroupByField FieldName="Date" FormatString="{0:d}" SortOrder="Descending">
                                        </telerik:GridGroupByField>
                                        <telerik:GridGroupByField FieldName="ActivityDate" FormatString="{0:D}" SortOrder="None">
                                        </telerik:GridGroupByField>
                                    </GroupByFields>
                                </telerik:GridGroupByExpression>
                            </GroupByExpressions>
                            <Columns>
                                <telerik:GridTemplateColumn UniqueName="DateColumn" HeaderText="Date">
                                    <ItemStyle Width="75px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="75px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="TimeColumn" HeaderText="Time">
                                    <ItemStyle Width="125px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="125px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <%# DataBinder.Eval(Container.DataItem, "StartTime") %>
                                            <asp:Label ID="Label1" runat="server" Visible='<%# !Convert.IsDBNull(Eval("EndTime")) %>'>-</asp:Label>
                                            <%# DataBinder.Eval(Container.DataItem, "EndTime") %>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                                               <telerik:GridTemplateColumn UniqueName="Location" HeaderText="Location">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelLocation" runat="server" Text='<%# Eval("Location")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="DueDate" HeaderText="Due Date">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelDueDate" runat="server" Text='<%# Eval("DueDate")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="Contact" HeaderText="Contact">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelContact" runat="server" Text='<%# Eval("Contact")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="Description" HeaderText="Description">
                                    <ItemStyle Width="125px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="125px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelDescription" runat="server" Text='<%# Eval("Description")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="Status" HeaderText="Status" Visible="false"
                                    DataField="Status" AllowFiltering="true">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelStatus" runat="server" Text='<%# Eval("Status")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="Type" HeaderText="Type" Visible="false"
                                    AllowFiltering="true" DataField="Type">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelType" runat="server" Text='<%# Eval("Type")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                             
                                <telerik:GridTemplateColumn UniqueName="Company" HeaderText="Company" Visible="false">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelEmployer" runat="server" Text='<%# Eval("Employer")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn UniqueName="Phone" HeaderText="Phone" Visible="false">
                                    <ItemStyle Width="100px" BorderStyle="None"></ItemStyle>
                                    <HeaderStyle Width="100px" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="LabelPhone" runat="server" Text='<%# Eval("Phone")%>'></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                             
                                <telerik:GridBoundColumn DataField="ActivityID" Visible="false" UniqueName="ActivityID">
                                </telerik:GridBoundColumn>
                                <telerik:GridDateTimeColumn DataField="Date" AllowFiltering="true" Visible="false"
                                    DataFormatString="{0:MM/dd/yyyy}" UniqueName="Date">
                                </telerik:GridDateTimeColumn>
  
                            </Columns>
                            <HeaderStyle Width="125px" />
                            <CommandItemTemplate>
                                <asp:ImageButton ID="ImageButtonAdd" runat="server" ImageUrl="~/App_Themes/MLightning/Layout/plus-icon.png"
                                    AlternateText="Add" PostBackUrl="~/Calendar/CalendarActivityAddSettings.aspx" /> 
                                <asp:LinkButton ID="LinkButtonExport" runat="server" CommandName="ExportToPdf" CausesValidation="false">
                                    <img style="border:0px;vertical-align:middle;" alt="" src="../App_Themes/MLightning/Layout/Reader.gif" />
                                    <span class="printTop" > Export</span>
                                </asp:LinkButton>  
                            </CommandItemTemplate>
                            <PagerStyle Position="TopAndBottom" PrevPageText="Prev" NextPageText="Next" Mode="NextPrev" />
                        </MasterTableView>
                    </telerik:RadGrid>

newbie
Top achievements
Rank 1
 asked on 26 Jul 2010
1 answer
105 views

I have a group of Combobox and I am trying to set values of ComboBox B at server side  based on selected values of ComboBox A.

 

<tr>

 

 

<td align="right">

 

 

<asp:Label ID="Label1" runat="server" Text="Release Name:"></asp:Label>

 

 

<br />

 

 

</td>

 

 

<td align="left">

 

 

<telerik:RadComboBox ID="RadRelease" runat="server" Width="240px" EmptyMessage="Please select Type"

 

 

AutoPostBack="true" OnSelectedIndexChanged="RadRelease_Changed" EnableLoadOnDemand="true"

 

 

OnItemsRequested="Release_ItemsRequested" ShowMoreResultsBox="true" EnableVirtualScrolling="true"

 

 

> </telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td align="right">

 

 

<asp:Label ID="LblSCRName" runat="server" Text="SCR Name:"></asp:Label>

 

 

<br />

 

 

</td>

 

 

<td align="left">

 

 

<telerik:RadComboBox ID="RadSCR" runat="server" Width="240px" EmptyMessage="Select a Description"

 

 

EnableLoadOnDemand="true" ShowMoreResultsBox="true" EnableVirtualScrolling="true"

 

 

OnItemsRequested="Project_ItemsRequested" >

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

</tr>


Server Side code

 

 

 

 

 

 

protected void Release_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

 

{

 

//sys = (string)ViewState["sys"];

 

 

 

 

 

 

SCRObj objscr = new SCRObj();

 

 

DataTable data = objscr.GetReleaseInfo(e.Text,sys, RadReleaseType.SelectedItem.Text);

 

RadRelease.Items.Clear();

 

int itemOffset = e.NumberOfItems;

 

 

int endOffset = Math.Min(itemOffset + ItemsPerRequest, data.Rows.Count);

 

e.EndOfItems = endOffset == data.Rows.Count;

 

for (int i = itemOffset; i < endOffset; i++)

 

{

RadRelease.Items.Add(

new RadComboBoxItem(data.Rows[i]["RELEASE_NAME"].ToString(), data.Rows[i]["RELEASE_NAME"].ToString()));

 

}

 

 

//e.Message = GetStatusMessage(endOffset, data.Rows.Count);

 

 

 

 

 

}

 

protected void Project_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

 

{

 

SCRObj objscr = new SCRObj();

 

 

DataTable data = objscr.GetProjectInfo(e.Text, sys, RadReleaseType.SelectedItem.Text,

 

RadRelease.SelectedItem.Text

);

 

int itemOffset = e.NumberOfItems;

 

 

int endOffset = Math.Min(itemOffset + ItemsPerRequest, data.Rows.Count);

 

e.EndOfItems = endOffset == data.Rows.Count;

 

for (int i = itemOffset; i < endOffset; i++)

 

{

RadSCR.Items.Add(

new RadComboBoxItem(data.Rows[i]["RELEASE_NAME"].ToString(), data.Rows[i]["RELEASE_NAME"].ToString()));

 

}

 

 

//e.Message = GetStatusMessage(endOffset, data.Rows.Count);

 

 

 

 

 

}


In this code above, I am getting RadRelease.SelectedItem as null.

Please let me know if I am doing anything wrong or any examples of related combobox with server side code.

thanks
SM

 

Kalina
Telerik team
 answered on 26 Jul 2010
1 answer
160 views
Im using the RadControls for ASP.NET AJAX Q1 2010 NET35.  I dropped a RadDatePicker on my aspx page and when I am setting up the properties, I have a SelectedDate but no DbSelectedDate.  I am trying to bind the RadDatePicker to the database and set a default date.

<

 

telerik:RadDatePicker ID="raddpBegin" runat="server" SelectedDate='<%# Bind("BeginDate") %>' ></telerik:RadDatePicker>

 

Cori
Top achievements
Rank 2
 answered on 26 Jul 2010
5 answers
87 views
I was setting up a multi column combobox and noticed something interesting.  1st pass I didn't set the column width, and the list came up all wavy.  That got me thinking, so I looked at the pages source code and that when I noticed that each row is rendered as it's own table.  I would have thought the list would be rendered as one table with each item having it own row, but that was not the case. 

I realize this is not so much a problem as it is me being nit picky.  I just makes the developer have to set the <tr> width.  Does a page with multiple tables take up more resources than a page with one table and multiple rows? 
Simon
Telerik team
 answered on 26 Jul 2010
1 answer
98 views
Hai,

I want 2 main tabs. Inside these main tabs, I have subtabs.  I want separate skins for main tabs and sub tabs. I have created One tabstrip(containing main tabs) and one Multi page. Inside the page view of Multi page, I have added another tabstrip containing sub tabs. Then I have applied separate skins. Skins are working. But I am not able to view the controls which I have added inside this pageview. How can I get the controls visible?

Help me plz.

Thanks & regards,
Regeesh Joseph
Veronica
Telerik team
 answered on 26 Jul 2010
1 answer
189 views
Dear miss/sir,

I might want to re-purchase the Telerik components,

Is it possible to use the RadSchedular timeline is show in the attached image?

The scenario is as following:
- Timeline by day
- Timeline displayed from left to right
- Timeline with blocks from 15 minutes

Best Regards,

Eric

Veronica
Telerik team
 answered on 26 Jul 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?