Hello,
I hope this useful: 15 jQuery Plugins to Fix and Beautify Browser Issues

Kind regards,
Mostafa Anoosheh

Here is my page code..

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="MasterContentPlaceHolder">   
    <telerik:RadAjaxManagerProxy ID="ajaxProxyContracts" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="tsContractCapture">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="tsContractCapture" />
                    <telerik:AjaxUpdatedControl ControlID="mpContractCapture" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadTabStrip ID="tsContractCapture" runat="server" MultiPageID="mpContractCapture">
        <Tabs>
            <telerik:RadTab runat="server" Text="General" Selected="true" PageViewID="pvGeneral">
            </telerik:RadTab>           
        </Tabs>
    </telerik:RadTabStrip>
    <asp:HiddenField ID="hdnContractID" runat="server" Value="-1" />
    <telerik:RadMultiPage ID="mpContractCapture" runat="server" Width="100%">
        <telerik:RadPageView BorderColor="Gray" Selected="true" BorderStyle="Solid" BorderWidth="1" ID="pvGeneral"
            runat="server">
            <Control:General ID="ucGeneral" runat="server" />
        </telerik:RadPageView>      
    </telerik:RadMultiPage>
</asp:Content>


Here is my UserControl Code:


<script type="text/javascript">
    function validateCombo(source, args) {
        args.IsValid = false;
        var combo = $find('<%= cmbCounterparty.ClientID %>');
        var text = combo.get_text();
        if (text.length < 1) {
            args.IsValid = false;
        }
        else {
            var node = combo.findItemByText(text);
            if (node) {
                var value = node.get_value();
                if (value.length > 0 && value != -1) {
                    args.IsValid = true;
                }
            }
            else {
                args.IsValid = false;
            }
        }
    }
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="3">
    <tr>
        <td align="right">
            Title
        </td>
        <td width="80%">
            <telerik:RadTextBox  ValidationGroup="Contract" CausesValidation="false" ID="txtTitle"
                runat="server" Width="500px">
            </telerik:RadTextBox>
            <asp:RequiredFieldValidator ID="reqVal_FirstName" runat="server" ControlToValidate="txtTitle"
                ValidationGroup="Contract">
                <asp:Image runat="server" ID="imgError1" AlternateText="*" CssClass="error_text"
                    ImageUrl="~/images/Delete16.png" />
            </asp:RequiredFieldValidator>
        </td>
    </tr>   
    <tr>
        <td align="right">
            Contract Type
        </td>
        <td width="80%">
            <telerik:RadComboBox CausesValidation="false" OnSelectedIndexChanged="cmbContractType_SelectedIndexChanged"
                ID="cmbContractType" AutoPostBack="true" runat="server" Width="250px">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </telerik:RadComboBox>
            &nbsp;
            <asp:RequiredFieldValidator Display="Dynamic" InitialValue="Select Contract Type"
                ID="reqVal_ContractType" runat="server" ControlToValidate="cmbContractType" ValidationGroup="Contract">
                <asp:Image runat="server" ID="Image2" AlternateText="*" CssClass="error_text" ImageUrl="~/images/Delete16.png" />
            </asp:RequiredFieldValidator>
        </td>
    </tr>
<tr>
        <td align="right">
            Counterparty
        </td>
        <td width="80%">
            <telerik:RadComboBox CausesValidation="false" ID="cmbCounterparty" runat="server"
                Width="250px">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </telerik:RadComboBox>
            &nbsp;
            <asp:CustomValidator ValidationGroup="Contract" ID="CustomValidator1" runat="server"
                ClientValidationFunction="validateCombo" ControlToValidate="cmbCounterparty"
                ErrorMessage="*" OnServerValidate="CustomValidator1_ServerValidate">
                <asp:Image runat="server" ID="Image4" AlternateText="*" CssClass="error_text" ImageUrl="~/images/Delete16.png" />
            </asp:CustomValidator>
        </td>
    </tr>
</table>

Please suggest

Hi,
    I wrote following code, but when postback occurs(like dropdown index change), loading panel doesn't display... why??

<telerik:radajaxloadingpanel id="LoadingPanel" runat="server" transparency="20" mindisplaytime="300"
            backcolor="Transparent">
        <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
            alt="Loading..." style="border: 0; margin-top: 40px;" />
    </telerik:radajaxloadingpanel>
    <telerik:radajaxmanagerproxy ID="ajaxProxyContracts" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="tsContractCapture">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="tsContractCapture" />
                    <telerik:AjaxUpdatedControl ControlID="mpContractCapture" LoadingPanelID="LoadingPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>            
        </AjaxSettings>
    </telerik:radajaxmanagerproxy>
    <telerik:RadTabStrip ID="tsContractCapture" runat="server" MultiPageID="mpContractCapture">
        <Tabs>
            <telerik:RadTab runat="server" Text="General" Selected="true">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Compilance">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Performance">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Documents">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Comments">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="mpContractCapture" runat="server" Width="100%">
        <telerik:RadPageView BorderColor="Gray" BorderStyle="Solid" BorderWidth="1" ID="pvGeneral"
            runat="server" Selected="true">
          <telerik:RadComboBox CausesValidation="false" OnSelectedIndexChanged="cmbContractType_SelectedIndexChanged"
                            ID="cmbContractType" AutoPostBack="true" runat="server" Width="250px">
                            <CollapseAnimation Duration="200" Type="OutQuint" />
                        </telerik:RadComboBox>
</telerik:RadPageView>
</telerik:RadMultiPage>

</telerik:RadMultiPage>

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