Hi,

I post an example of extended function for JQuery embeded in Telrik RadControl.

Before you must add in your marster page or page the declaration of JQuery like this:

After this, you add the reference the javascript file in the ScriptManger.
You can donwload this script at this link

Then remane the variable "$" in the script by "$telerik.$".

Now you can add extended function to JQuery.

Where can I find RadComboBoxContext and RadComboBoxData classes?

Refering to this example: http://www.telerik.com/help/aspnet-ajax/combobox-loading-items-from-wcf-service.html

They don't exist in the Telerik.Web.UI.dll assembly apparently.

Any help is much appreciated.

 

 

 

 

See what's new and download from your accounts.

Enjoy!

Telerik Team

I have a RadComboBox on my page:
<telerik:RadComboBox ID="RadComboBoxProduct" runat="server" Height="200px" Width="200px"
                            DropDownWidth="298px" EmptyMessage="Choose a Product" />

I have populated its data at run time, client name as text and clientId as value.

How can I get the selectedItem value using javascript?

function getSelectedValue(radComboBox)
{
// how to implement this?
}

Any help is much appreciated.

I'm a complete newbie and i've just begun upgrading RadBar to RadMenu. I seem to get this error....

Error    6    Literal content ('<telerik:RadMenuItem Text="Hours" BorderStyle"None" NavigateUrl="~/hours">      </telerik:RadMenuItem>') is not allowed within a 'Telerik.Web.UI.RadMenuItemCollection'.   

Any explanations or suggestions as to get rid of this??

SJ

Hi,

I a webform page, there is a asp.net server control button. In the updatecontrols section of the submit button, iam calling the grid to update the value.The problem is when i click the button, it takes long time to load the grid , at the IE browser i could see the javascript error message like "sitename\
webresource.axd?d=ncpz4pkidnwmd_gnzvmfkcbokkvggiwn2rt4fzxpku". Can you pls let me know which control's axd file is this which is not downloading to the IE browser.This happens only in windows 2000 in the Microsoft IE 6 (SP1) browser.This is an priority, pls help

Hi,

I got a control which was intended to be a master page (this control was originally developed under ASP.NET 1.1 Framework) and now we have shifted the application to ASP.NET 2.0 but without changing the control to the master page control provided by framework.

We are currently using the Telerik control for the RadTreeView, RadDock and the RadSplitter controls.

My question is when I add the RadSplitter control into our old master page implementation as a child item, the RadSplitter does not expand 100% to follow its parent container.

So far whenever I added a new control to become the child item of our master page control, it always get expanded 100% to fit it's parent area. However, it's not the case for RadSplitter. There seems to be a gap on the right side of our master page area which are not utilised by the RadSplitter control.

For additional information, I also added a RadDockZone control within one of the RadPanel controls in the RadSplitter.

Is there any recommendation that I could use to fix this issue? I've ensured the parent control (our master page) to expand 100% (it's using a table) but the gap is still there.

The following code probably can give you an idea of what I am trying to achieve:

<telerik:RadScriptManager ID="radCaseDisplayScriptManager" runat="server"></telerik:RadScriptManager>

<div style="width:100%">

    <telerik:RadSplitter id="splDisplaySplitter" runat="server" Height="100%" liveresize="true" width="100%" BorderWidth="0" BorderSize="0">
        <telerik:RadPane id="rpnLeftSection" runat="server" Width="30%" Height="100%">
            <telerik:raddocklayout runat="server" id="RadDockLayout1" >
                <table>
                    <tr>
                        <td>
                            <telerik:raddockzone runat="server" id="rdzLeftSectionContainer" Width="95%">
                                <telerik:raddock runat="server" id="rdkQuickSearch" title="Quick Search" DefaultCommands="ExpandCollapse" Width="100%" DockMode="Docked" >
                                    <contenttemplate>
                                        <br />
                                        <table width="100%">
                                            <tr>
                                                <td align="center">
                                                    <QuickSearch:QuickSearch ID="objQuickSearch" runat="server" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br />
                                    </contenttemplate>
                                </telerik:raddock>
                                
                                <telerik:raddock runat="server" id="rdkReferredCaseList" title="Referred Case List" DefaultCommands="ExpandCollapse" Width="100%" DockMode="Docked">
                                    <contenttemplate>
                                        <br />
                                        <table width="100%">
                                            <tr>
                                                <td align="center">
                                                    <Referral:Referral ID="objReferralList" runat="server" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br />
                                    </contenttemplate>
                                </telerik:raddock>
                          
                                <telerik:raddock runat="server" id="rdkRecentCaseList" defaultcommands="ExpandCollapse" title="Recent Case List" Width="100%" DockMode="Docked">
                                    <contenttemplate>
                                        <center>
                                            <Recent:Recent ID="objRecentList" runat="server" />
                                        </center>
                                    </contenttemplate>
                                </telerik:raddock>
                                
                                <telerik:raddock runat="server" id="rdkCurrentCaseList" defaultcommands="ExpandCollapse" title="Current Case List" Width="100%" DockMode="Docked">
                                    <contenttemplate>
                                         <br />
                                        <table width="100%">
                                            <tr>
                                                <td align="center">
                                                    <Current:Current ID="objCurrentList" runat="server" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br />
                                    </contenttemplate>
                                </telerik:raddock>
                                
                                <telerik:raddock runat="server" id="rdkActivityCompletionChart" defaultcommands="ExpandCollapse" title="Activity Completion Chart" Width="100%" DockMode="Docked">
                                    <contenttemplate>
                                        <br />
                                        <table width="100%">
                                            <tr>
                                                <td align="center">
                                                    <PieChart:PieChart ID="objCompletionChart" runat="server" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br />
                                    </contenttemplate>
                                </telerik:raddock>
                                
                                <telerik:raddock runat="server" id="rdkActivityComparisonChart" defaultcommands="ExpandCollapse" title="Activity Comparison Chart" Width="100%" DockMode="Docked">
                                    <contenttemplate>
                                        <br />
                                        <table width="100%">
                                            <tr>
                                                <td align="center">
                                                    <BarChart:BarChart ID="objComparisonChart" runat="server" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br />
                                    </contenttemplate>
                                </telerik:raddock>
                                
                            </telerik:raddockzone>
                        </td>
                    </tr>
                </table>
            </telerik:raddocklayout>
        </telerik:RadPane>
        <telerik:RadSplitBar id="spbSplitBar" runat="server" collapsemode="forward" Height="100%"></telerik:RadSplitBar>
        <telerik:RadPane ID="rpnRightSection" runat="server" MinWidth="500" Width="70%" Height="100%" >

            <table cellspacing="0" cellpadding="10" width="100%" border="0">
                <tr>
                    <td>
                        <table cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td valign="top" align="left">
                                    <h3 id="h3Name" runat="server">Case Template Details</h3>
                                </td>
                                <td valign="top" align="right">
                                    <asp:HyperLink ID="hypEditLink" ImageUrl="~/CORE/images/edit.gif" Runat="server" />&nbsp;
                                    <asp:Button ID="btnUnexpire" Text="Un-Expire" Visible="False" CssClass="btn" Runat="server" />
                                    <asp:HyperLink ID="hypPrintLink" ImageUrl="~/CORE/images/print.jpg" Runat="server" />

                                <br />
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" align="center" colspan="2"><nobr><asp:Label ID="lblNote" Runat="server" /></nobr></td>
                            </tr>
                        </table>

                        <br />

                        <table cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Type:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:label ID="lblType" Width="250px" Runat="server" />&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Reference No:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:label ID="lblReference" Width="250px" Runat="server" />&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Category:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:label ID="lblCategory" Width="250px" Runat="server" />&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Case Status:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:Label ID="lblStatus" runat="server" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>    
                            <tr>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Sub Category:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:label ID="lblSubCategory" Width="250px" Runat="server" />&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td valign="top" width="50%">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td class="txtBold" valign="top" width="90"><nobr>Client:&nbsp;</nobr></td>
                                            <td valign="top">
                                                <asp:HyperLink ID="hypClientContact" runat="server"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td valign="top" class="txtBold" width="90">
                                                Name:
                                            </td>
                                            <td valign="top">
                                                <asp:Label ID="lblName" Runat="server" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="txtbold" valign="top" width="15">
                                                &nbsp;
                                            </td>
                                            <td valign="top" nowrap class="txtBold" width="90">
                                                Description:
                                            </td>
                                            <td valign="top">
                                                <asp:Label ID="lblDescription" Runat="server" />&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        
                        <br />
                        
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td valign="top" colspan="3"><span class="OrderHeading">Phases and Activities</span></td>
                            </tr>
                            <tr>
                                <td valign="top" colspan="3">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="txtbold" valign="top" width="15">
                                    &nbsp;
                                </td>
                                <td valign="top" colspan="2">
                                    <telerik:RadTreeView ID="rtvTreeView" runat="server" EnableDragAndDrop="false" MultipleSelect="false" CssClass="TreeView" Height="350px" Width="750" TabIndex="1" OnClientContextMenuItemClicking="onClientContextMenuItemClicking">
                                        <ContextMenus>
                                            <telerik:RadTreeViewContextMenu ID="rcmTemplateMenu" runat="server">
                                                <Items>
                                                    <telerik:RadMenuItem Value="Collapse" Text="Collapse" />
                                                    <telerik:RadMenuItem Value="Collapse All Phases" Text="Collapse All Phases" />
                                                </Items>
                                            </telerik:RadTreeViewContextMenu>

                                            <telerik:RadTreeViewContextMenu ID="rcmPhaseMenu" runat="server">
                                                <Items>
                                                    <telerik:RadMenuItem Value="Collapse" Text="Collapse" />
                                                </Items>
                                            </telerik:RadTreeViewContextMenu>
                                        </ContextMenus>
                                    </telerik:RadTreeView>
                                </td>
                            </tr>
                        </table>
                        
                        <br />

                        <table width="100%" border="0">
                            <tr>
                                <td style="vertical-align: top; text-align: center; font-weight: bold;" width="25%">Created by</td>
                                <td style="vertical-align: top; text-align: center; font-weight: bold;" width="25%">Created date</td>
                                <td style="vertical-align: top; text-align: center; font-weight: bold;" width="25%">Modified by</td>
                                <td style="vertical-align: top; text-align: center; font-weight: bold;" width="25%">Modified date</td>
                            </tr>
                            <tr>
                                <td style="vertical-align: top; text-align: center;" width="25%"><asp:Label ID="lblCreatedByName" Runat="server" />&nbsp;</td>
                                <td style="vertical-align: top; text-align: center;" width="25%"><asp:Label ID="lblCreatedByDate" Runat="server" />&nbsp;</td>
                                <td style="vertical-align: top; text-align: center;" width="25%"><asp:Label ID="lblModifiedByName" Runat="server" />&nbsp;</td>
                                <td style="vertical-align: top; text-align: center;" width="25%"><asp:Label ID="lblModifiedByDate" Runat="server" />&nbsp;</td>
                            </tr>
                        </table>

                        <br />
                    
                    </td>
                </tr>
            </table>

        </telerik:RadPane>
            
    </telerik:RadSplitter>


</div>



Many Thanks

Rully

Hello,
It's interesting: Playing with Sprites and jQuery: animated menu

Kind regards,
Mostafa Anoosheh

When I was searching the forums I found a strange bug. I didn't know where else to put this so I put it here.

I navigated to the specific control and ran my search and I am presented with this screen...
Screen 1





I get 5 pages of results so I am presented with the paging option at the bottom of the screen. When I clicked the 'Next' button the strangeness happened. 

1. My search string changed from 'calculated column' to 'calculatedcolumn' removing the space
   Screen 2
2. The paging then displayed # of 1
   Screen 3

Hi,

 I am usinng EditMode ="InPlace" of RadGrid  for insert and edit operations in radgrid..With insert extra button is shown..
The sample code is as below.  how to remove that additional button i want only link button . how to aoid that extra button and to  apply css for the edit and insert cancel link buttons?
Thanks in advance,
Laila


 <telerik:RadGrid ID="Radgrid1" runat="server" GridLines="None" AllowPaging="True"
                AllowSorting="false" AutoGenerateColumns="False" PageSize="10" Width="97%" OnNeedDataSource="Radgrid1_NeedDataSource"
                OnInsertCommand="Radgrid1_InsertCommand" OnUpdateCommand="Radgrid1_UpdateCommand"
                OnItemDataBound="Radgrid1_ItemDataBound" Skin="WFM" EnableEmbeddedSkins="False">
                <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
                <MasterTableView DataKeyNames="Pharma_Rep_Id" GridLines="None" Width="100%" CommandItemDisplay="Top"
                    ShowHeader="true" EditMode="InPlace" CommandItemSettings-AddNewRecordText="Insert"
                    EditItemStyle-ForeColor="Black">
                    <Columns>
                        <telerik:GridEditCommandColumn>
                        </telerik:GridEditCommandColumn>
                        <telerik:GridTemplateColumn HeaderText="Title" SortExpression="Title" UniqueName="Title"
                            ItemStyle-HorizontalAlign="left">
                            <ItemTemplate>
                                <asp:Label ID="lblTitle" runat="server" Text='<%# Eval("TITLE") %>' ForeColor="Black"></asp:Label>
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" ForeColor="black" />
                            <EditItemTemplate>
                                <asp:DropDownList ID="ddlTitle" runat="Server" AutoPostBack="true" Font-Bold="false"
                                    ForeColor="black" ToolTip="" Width="200px">
                                    <asp:ListItem Text="Pharma Rep Title_1" Value="2655"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_2" Value="2656"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_3" Value="2657"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_4" Value="2658"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_5" Value="2659"></asp:ListItem>
                                </asp:DropDownList>
                            </EditItemTemplate>
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" />
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="Reason" HeaderText="Reason" UniqueName="Reason"
                            MaxLength="50" SortExpression="Reason">
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" ForeColor="black" />
                        </telerik:GridBoundColumn>
                    </Columns>
                    <EditFormSettings ColumnNumber="2" CaptionFormatString="Edit details for Reason {0}"
                        CaptionDataField="Reason">
                        <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                        <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
                        <FormMainTableStyle CellSpacing="0" CellPadding="3" Width="100%" />
                        <FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"
                            Height="110px" Width="100%" />
                        <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                        <FormStyle Width="100%" BackColor="#eef2ea"></FormStyle>
                        <EditColumn UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
                            <ItemStyle BackColor="black" />
                        </EditColumn>
                        <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
                    </EditFormSettings>
                </MasterTableView>
                <HeaderContextMenu EnableEmbeddedSkins="False" Skin="WFM">
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </HeaderContextMenu>
            </telerik:RadGrid>