using radtabstrip and multipage with ajaxmanager

1 Answer 95 Views

Ajax TabStrip

Arunkumar asked on 11 May 2022, 04:17 PM

Here is the code with radtabstrip and multipage. Simple search and advanced search tabs, when i clicked the advanced search tab, the simple search page is shown. Please help me to fix this issue ASAP.

Thank you,

Shan.

<%@ Register TagPrefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<Telerik:RadCodeBlock runat="server">

<script language="javascript" type="text/javascript">

function ResetControls() {

var textElemIds = ['<%= txtFirstName.ClientID %>', '<%= txtLastName.ClientID %>', '<%= txtUserName.ClientID %>',
'<%= txtProviderID.ClientID %>', '<%= txtTradingPartnerID.ClientID %>'];

for (var i = textElemIds.length; i--; ) {
var elem = $find(textElemIds[i]);
if (elem) {
elem.set_value("");
elem.enable();
}
}

var ddl1 = $find('<%= ddlStatus.ClientID %>'),
ddl2 = $find('<%= ddlTradingPartnerType.ClientID %>'),
startDate = $find('<%= dpStartDate.ClientID %>'),
endDate = $find('<%= dpEndDate.ClientID %>');

startDate.clear();
endDate.clear();
ddl1.clearSelection();
ddl2.clearSelection();
}

function toggleSearchMode(sender, eventArgs) {
var isSimpleSearch = (sender.get_selectedIndex() == 0);
$get("TP_SimpleSearchButton").style.display = isSimpleSearch ? "inline" : "none";
$get("TP_AdvancedSearchButton").style.display = isSimpleSearch ? "none" : "inline";
}

/

</script>

</Telerik:RadCodeBlock>

<Telerik:RadAjaxManagerProxy ID="ram" runat="server">
<AjaxSettings>
<Telerik:AjaxSetting AjaxControlID="searchWrapper">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" LoadingPanelID="alp" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" />
<Telerik:AjaxUpdatedControl ControlID="SearchAgainContainer" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="SearchAgainContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="editWindowContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>

</AjaxSettings>
</Telerik:RadAjaxManagerProxy>

<Telerik:RadAjaxLoadingPanel OnClientShowing="loadingPanelShowing" OnClientHiding="loadingPanelHiding"
CssClass="ralpSearchUsers" EnableEmbeddedSkins="true" Skin="Vista" runat="server"
ID="alp" ZIndex="300000">
</Telerik:RadAjaxLoadingPanel>

<div runat="server" id="searchWrapper" class="TP_AdminSearch">

<Telerik:RadTabStrip ID="rtsAdminSearch" runat="server"
MultiPageID="rmpAdminSearch" Align="Left" SelectedIndex="0" CausesValidation="false" OnClientTabSelected="toggleSearchMode" >
<Tabs>
<Telerik:RadTab PageViewID="rpvSimpleSearch" Text="Simple Search">
</Telerik:RadTab>
<Telerik:RadTab PageViewID="rpvAdvancedSearch" Text="Advanced Search">
</Telerik:RadTab>
</Tabs>
</Telerik:RadTabStrip>

<asp:Panel runat="server" ID="searchPanel" CssClass="TP_AdminSearchPanel">
<table cellpadding="0" cellspacing="0" class="TP_AdminSearchTable" summary="Search Panel">
<tr>
<td>
<Telerik:RadMultiPage ID="rmpAdminSearch" runat="server" SelectedIndex="0" CssClass="TP_MultiPage">

<Telerik:RadPageView ID="rpvSimpleSearch" runat="server">
<asp:Panel runat="server" DefaultButton="btnSimpleSearch" >
<table class="TP_EditTable TP_SimpleSearchTable" cellpadding="0" cellspacing="0" summary="Simple Search">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblUserName" class="TP_LabelText" runat="server" Text="User Name" AssociatedControlID="txtUserName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtUserName" runat="server" Width="125px" ToolTip="Please enter User Name"
OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPID" runat="server" class="TP_LabelText" Text="Trading Partner ID" AssociatedControlID="txtTradingPartnerID"></asp:Label>

</td>
  </tr>
<tr>
<td colspan="4" align="center">
<asp:RegularExpressionValidator Display="Dynamic" ID="revTradingPartnerID" runat="server"
ValidationGroup="SimpleSearchUsers" ControlToValidate="txtTradingPartnerID" CssClass="TP_Validator TP_ValidatorBlock"
SetFocusOnError="true" ErrorMessage="Please enter a valid Trading Partner ID.">
</asp:RegularExpressionValidator>
</td>
</tr>
</table>
</asp:Panel>
</Telerik:RadPageView>

<Telerik:RadPageView ID="rpvAdvancedSearch" runat="server" >
<asp:Panel runat="server" DefaultButton="btnAdvancedSearch">
<table class="TP_EditTable TP_AdvancedSearchTable" cellpadding="0" cellspacing="0" style="margin: 0px auto" summary="Advanced Search Table">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStatus" runat="server" class="TP_LabelText" Text="Status" AssociatedControlID="ddlStatus"></asp:Label>
</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlStatus" runat="server" Width="125px" ToolTip="Please select Status">
</Telerik:RadComboBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPType" runat="server" class="TP_LabelText" Text="Trading Partner Type" AssociatedControlID="ddlTradingPartnerType"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlTradingPartnerType" runat="server" Width="125px" ToolTip="Please Select Trading Partner Type">
</Telerik:RadComboBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblFirstName" runat="server" class="TP_LabelText" Text="First Name" AssociatedControlID="txtFirstName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtFirstName" runat="server"
Width="125px" ToolTip="Please enter First Name ">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblLastName" runat="server" class="TP_LabelText" Text="Last Name" AssociatedControlID="txtLastName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtLastName" runat="server" Width="125px" ToolTip="Please enter Last Name ">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStartDate" runat="server" class="TP_LabelText" Text="Registration Start Date" AssociatedControlID="dpStartDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpStartDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration Start Date">
<DateInput ID="dtStartDate" ToolTip="Enter Registration Start Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" HeaderStyle-HorizontalAlign="Center" ID="calStartDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintStartDate" CssClass="TP_HintText TP_DateFormatHint" runat="server"
Text="MM/DD/YYYY"></asp:Label>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblEndDate" runat="server" class="TP_LabelText" Text="Registration End Date" AssociatedControlID="dpEndDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpEndDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration End Date">
<DateInput ID="dtEndDate" ToolTip="Enter Registration End Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" ID="calEndDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintEndDate" runat="server" CssClass="TP_HintText TP_DateFormatHint"
Text="MM/DD/YYYY"></asp:Label>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblProviderID" runat="server" class="TP_LabelText" Text="Provider ID" AssociatedControlID="txtProviderID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtProviderID" runat="server"
Width="125px" ToolTip="Please enter Provider ID">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls1">
<td class="TP_LabelTextTd">
<asp:Label ID="lblTaxID" runat="server" class="TP_LabelText" Text="Tax ID" AssociatedControlID="txtTaxID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTaxID" runat="server" Width="125px" ToolTip="Please enter Tax ID">
</Telerik:RadTextBox>
</td>
</asp:PlaceHolder>
</tr>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls2">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblCompanyName" runat="server" class="TP_LabelText" Text="Company Name" AssociatedControlID="txtCompanyName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtCompanyName" runat="server"
Width="125px" ToolTip="Please enter Company Name">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblZip" runat="server" class="TP_LabelText" Text="ZIP code" AssociatedControlID="txtZipCode"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtZipCode" runat="server" Width="125px" ToolTip="Please enter ZIP code">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTelephone" runat="server" class="TP_LabelText" Text="Telephone" AssociatedControlID="txtTelephone"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTelephone" runat="server"
Width="125px" ToolTip="Please enter Telephone Number">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">

</td>
<td class="TP_EditTextTd">

</td>
</tr>
</asp:PlaceHolder>
<tr>
<td colspan="5" align="center" style="text-align:center">
<asp:CustomValidator ID="cvValidDate" runat="server" ErrorMessage="Invalid Date format." CssClass="TP_Validator"
ClientValidationFunction="ValidateRadDatePickers" Display="Dynamic" ValidationGroup="AdvancedSearchUsers">
</asp:CustomValidator>
<asp:CompareValidator Display="Dynamic" ID="cvRegistrationDate" runat="server" ValidationGroup="AdvancedSearchUsers"
ControlToValidate="dpEndDate" ControlToCompare="dpStartDate" Operator="GreaterThan"
CssClass="TP_Validator" SetFocusOnError="true" Type="Date" ErrorMessage="Registration End Date must be greater than Registration Start Date.<br />">
</asp:CompareValidator>
</td>
</tr>
</table>
<script type="text/javascript">
TP_SetAltRowCss($telerik.$(".TP_AdvancedSearchTable"));
</script>
</asp:Panel>
</Telerik:RadPageView>

</Telerik:RadMultiPage>
</td>
</tr>
<tr>
<td class="TP_CommandButtonsTd">
<span id="TP_SimpleSearchButton">
<Telerik:RadButton ID="btnSimpleSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="SimpleSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
<span id="TP_AdvancedSearchButton" style="display:none">
<Telerik:RadButton ID="btnAdvancedSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="AdvancedSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
 
<Telerik:RadButton ID="btnReset" Text="Reset" runat="server" OnClientClicked="ResetControls"
AutoPostBack="false" UseSubmitBehavior="false">
</Telerik:RadButton>
 
<Telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click"
UseSubmitBehavior="false">
</Telerik:RadButton>
</td>
</tr>
</table>
</asp:Panel>

Arunkumar

commented on 11 May 2022, 05:36 PM

Hi ,

Can anybody help me on the above isssue?

I will appreciate your help on this!

Thank you,

Arunkumar

1 Answer, 1 is accepted

answered on 16 May 2022, 01:34 PM

Hello Arunkumar,

I tested the provided setup and saw that there were several JavaScript errors thrown on the page that prevented the TabStrip from navigating properly. Resolving the errors allowed me to use the TabStrip as expected. Can you ensure that there are no errors at your end and test the Tabstrip again?

Below is my test code:

<!DOCTYPE html>

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

        <telerik:RadCodeBlock runat="server">
            <script language="javascript" type="text/javascript">

                function ResetControls() {

                    var textElemIds = ['<%= txtFirstName.ClientID %>', '<%= txtLastName.ClientID %>', '<%= txtUserName.ClientID %>',
                       '<%= txtProviderID.ClientID %>'];

                    for (var i = textElemIds.length; i--;) {
                        var elem = $find(textElemIds[i]);
                        if (elem) {
                            elem.set_value("");
                            elem.enable();
                        }
                    }

                    var ddl1 = $find('<%= ddlStatus.ClientID %>'),
                        ddl2 = $find('<%= ddlTradingPartnerType.ClientID %>'),
                        startDate = $find('<%= dpStartDate.ClientID %>'),
                        endDate = $find('<%= dpEndDate.ClientID %>');

                    startDate.clear();
                    endDate.clear();
                    ddl1.clearSelection();
                    ddl2.clearSelection();
                }

                function toggleSearchMode(sender, eventArgs) {
                    var isSimpleSearch = (sender.get_selectedIndex() == 0);
                    $get("TP_SimpleSearchButton").style.display = isSimpleSearch ? "inline" : "none";
                    $get("TP_AdvancedSearchButton").style.display = isSimpleSearch ? "none" : "inline";
                }

                function loadingPanelHiding() {

                }
                function loadingPanelShowing() {

                }
                function toggleSearchMode() {

                }
                function OnRadDatePickerError() {

                }
                function ResetControls() {

                }
            </script>

        </telerik:RadCodeBlock>

        <telerik:RadAjaxManagerProxy ID="ram" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="searchWrapper">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="searchWrapper" LoadingPanelID="alp" />
                        <telerik:AjaxUpdatedControl ControlID="editWindowContainer" />
                        <telerik:AjaxUpdatedControl ControlID="SearchAgainContainer" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="SearchAgainContainer">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="searchWrapper" />
                        <telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="editWindowContainer">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

            </AjaxSettings>
        </telerik:RadAjaxManagerProxy>

        <telerik:RadAjaxLoadingPanel OnClientShowing="loadingPanelShowing" OnClientHiding="loadingPanelHiding"
            CssClass="ralpSearchUsers" EnableEmbeddedSkins="true" Skin="Vista" runat="server"
            ID="alp" ZIndex="300000">
        </telerik:RadAjaxLoadingPanel>


        <div runat="server" id="searchWrapper" class="TP_AdminSearch">

            <telerik:RadTabStrip ID="rtsAdminSearch" runat="server"
                MultiPageID="rmpAdminSearch" Align="Left" SelectedIndex="0" CausesValidation="false"
                OnClientTabSelected="toggleSearchMode">
                <Tabs>
                    <telerik:RadTab PageViewID="rpvSimpleSearch" Text="Simple Search">
                    </telerik:RadTab>
                    <telerik:RadTab PageViewID="rpvAdvancedSearch" Text="Advanced Search">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>

            <asp:Panel runat="server" ID="searchPanel" CssClass="TP_AdminSearchPanel">
                <table cellpadding="0" cellspacing="0" class="TP_AdminSearchTable" summary="Search Panel">
                    <tr>
                        <td>
                            <telerik:RadMultiPage ID="rmpAdminSearch" runat="server" SelectedIndex="0" CssClass="TP_MultiPage">

                                <telerik:RadPageView ID="rpvSimpleSearch" runat="server">
                                    <asp:Panel runat="server" DefaultButton="btnSimpleSearch">
                                        <table class="TP_EditTable TP_SimpleSearchTable" cellpadding="0" cellspacing="0" summary="Simple Search">
                                            <tr>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblUserName" class="TP_LabelText" runat="server" Text="User Name" AssociatedControlID="txtUserName"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadTextBox ID="txtUserName" runat="server" Width="125px" ToolTip="Please enter User Name"
                                                        OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
                                                    </telerik:RadTextBox>
                                                </td>
                                                <td class="TP_SeparatorTd"></td>
                                                <td class="TP_LabelTextTd">
                                                    <%--<asp:Label ID="lblTPID" runat="server" class="TP_LabelText" Text="Trading Partner ID" 
                                                        AssociatedControlID="txtTradingPartnerID"></asp:Label>--%>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="4" align="center">
                                                    <%--<asp:RegularExpressionValidator Display="Dynamic" ID="revTradingPartnerID" runat="server"
                                                        ValidationGroup="SimpleSearchUsers" ControlToValidate="txtTradingPartnerID" CssClass="TP_Validator TP_ValidatorBlock"
                                                        SetFocusOnError="true" ErrorMessage="Please enter a valid Trading Partner ID.">
                                                    </asp:RegularExpressionValidator>--%>
                                                </td>
                                            </tr>
                                        </table>
                                    </asp:Panel>
                                </telerik:RadPageView>

                                <telerik:RadPageView ID="rpvAdvancedSearch" runat="server">
                                    <asp:Panel runat="server" DefaultButton="btnAdvancedSearch">
                                        <table class="TP_EditTable TP_AdvancedSearchTable" cellpadding="0" cellspacing="0" style="margin: 0px auto" summary="Advanced Search Table">
                                            <tr>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblStatus" runat="server" class="TP_LabelText" Text="Status" AssociatedControlID="ddlStatus"></asp:Label>
                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadComboBox ID="ddlStatus" runat="server" Width="125px" ToolTip="Please select Status">
                                                    </telerik:RadComboBox>
                                                </td>
                                                <td class="TP_SeparatorTd"></td>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblTPType" runat="server" class="TP_LabelText" Text="Trading Partner Type" AssociatedControlID="ddlTradingPartnerType"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadComboBox ID="ddlTradingPartnerType" runat="server" Width="125px" ToolTip="Please Select Trading Partner Type">
                                                    </telerik:RadComboBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblFirstName" runat="server" class="TP_LabelText" Text="First Name" AssociatedControlID="txtFirstName"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadTextBox ID="txtFirstName" runat="server"
                                                        Width="125px" ToolTip="Please enter First Name ">
                                                    </telerik:RadTextBox>
                                                </td>
                                                <td class="TP_SeparatorTd"></td>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblLastName" runat="server" class="TP_LabelText" Text="Last Name" AssociatedControlID="txtLastName"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadTextBox ID="txtLastName" runat="server" Width="125px" ToolTip="Please enter Last Name ">
                                                    </telerik:RadTextBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblStartDate" runat="server" class="TP_LabelText" Text="Registration Start Date" AssociatedControlID="dpStartDate"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadDatePicker runat="server" ID="dpStartDate" Width="151px"
                                                        InputMode="DatePicker" ToolTip="Enter Registration Start Date">
                                                        <DateInput ID="dtStartDate" ToolTip="Enter Registration Start Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
                                                        <Calendar ShowRowHeaders="false" HeaderStyle-HorizontalAlign="Center" ID="calStartDate"
                                                            runat="server" EnableKeyboardNavigation="true" />
                                                    </telerik:RadDatePicker>
                                                    <asp:Label ID="lblHintStartDate" CssClass="TP_HintText TP_DateFormatHint" runat="server"
                                                        Text="MM/DD/YYYY"></asp:Label>
                                                </td>
                                                <td class="TP_SeparatorTd"></td>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblEndDate" runat="server" class="TP_LabelText" Text="Registration End Date" AssociatedControlID="dpEndDate"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadDatePicker runat="server" ID="dpEndDate" Width="151px"
                                                        InputMode="DatePicker" ToolTip="Enter Registration End Date">
                                                        <DateInput ID="dtEndDate" ToolTip="Enter Registration End Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
                                                        <Calendar ShowRowHeaders="false" ID="calEndDate"
                                                            runat="server" EnableKeyboardNavigation="true" />
                                                    </telerik:RadDatePicker>
                                                    <asp:Label ID="lblHintEndDate" runat="server" CssClass="TP_HintText TP_DateFormatHint"
                                                        Text="MM/DD/YYYY"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="TP_LabelTextTd">
                                                    <asp:Label ID="lblProviderID" runat="server" class="TP_LabelText" Text="Provider ID" AssociatedControlID="txtProviderID"></asp:Label>

                                                </td>
                                                <td class="TP_EditTextTd">
                                                    <telerik:RadTextBox ID="txtProviderID" runat="server"
                                                        Width="125px" ToolTip="Please enter Provider ID">
                                                    </telerik:RadTextBox>
                                                </td>
                                                <td class="TP_SeparatorTd"></td>
                                                <asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls1">
                                                    <td class="TP_LabelTextTd">
                                                        <asp:Label ID="lblTaxID" runat="server" class="TP_LabelText" Text="Tax ID" AssociatedControlID="txtTaxID"></asp:Label>

                                                    </td>
                                                    <td class="TP_EditTextTd">
                                                        <telerik:RadTextBox ID="txtTaxID" runat="server" Width="125px" ToolTip="Please enter Tax ID">
                                                        </telerik:RadTextBox>
                                                    </td>
                                                </asp:PlaceHolder>
                                            </tr>
                                            <asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls2">
                                                <tr>
                                                    <td class="TP_LabelTextTd">
                                                        <asp:Label ID="lblCompanyName" runat="server" class="TP_LabelText" Text="Company Name" AssociatedControlID="txtCompanyName"></asp:Label>

                                                    </td>
                                                    <td class="TP_EditTextTd">
                                                        <telerik:RadTextBox ID="txtCompanyName" runat="server"
                                                            Width="125px" ToolTip="Please enter Company Name">
                                                        </telerik:RadTextBox>
                                                    </td>
                                                    <td class="TP_SeparatorTd"></td>
                                                    <td class="TP_LabelTextTd">
                                                        <asp:Label ID="lblZip" runat="server" class="TP_LabelText" Text="ZIP code" AssociatedControlID="txtZipCode"></asp:Label>

                                                    </td>
                                                    <td class="TP_EditTextTd">
                                                        <telerik:RadTextBox ID="txtZipCode" runat="server" Width="125px" ToolTip="Please enter ZIP code">
                                                        </telerik:RadTextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="TP_LabelTextTd">
                                                        <asp:Label ID="lblTelephone" runat="server" class="TP_LabelText" Text="Telephone" AssociatedControlID="txtTelephone"></asp:Label>

                                                    </td>
                                                    <td class="TP_EditTextTd">
                                                        <telerik:RadTextBox ID="txtTelephone" runat="server"
                                                            Width="125px" ToolTip="Please enter Telephone Number">
                                                        </telerik:RadTextBox>
                                                    </td>
                                                    <td class="TP_SeparatorTd"></td>
                                                    <td class="TP_LabelTextTd"></td>
                                                    <td class="TP_EditTextTd"></td>
                                                </tr>
                                            </asp:PlaceHolder>
                                            <tr>
                                                <td colspan="5" align="center" style="text-align: center">
                                                    <asp:CustomValidator ID="cvValidDate" runat="server" ErrorMessage="Invalid Date format." CssClass="TP_Validator"
                                                        ClientValidationFunction="ValidateRadDatePickers" Display="Dynamic" ValidationGroup="AdvancedSearchUsers">
                                                    </asp:CustomValidator>
                                                    <asp:CompareValidator Display="Dynamic" ID="cvRegistrationDate" runat="server" ValidationGroup="AdvancedSearchUsers"
                                                        ControlToValidate="dpEndDate" ControlToCompare="dpStartDate" Operator="GreaterThan"
                                                        CssClass="TP_Validator" SetFocusOnError="true" Type="Date" ErrorMessage="Registration End Date must be greater than Registration Start Date.<br />">
                                                    </asp:CompareValidator>
                                                </td>
                                            </tr>
                                        </table>
                                        <script type="text/javascript">
                                            /*TP_SetAltRowCss($telerik.$(".TP_AdvancedSearchTable"));*/
                                        </script>
                                    </asp:Panel>
                                </telerik:RadPageView>

                            </telerik:RadMultiPage>
                        </td>
                    </tr>
                    <tr>
                        <td class="TP_CommandButtonsTd">
                            <span id="TP_SimpleSearchButton">
                                <telerik:RadButton ID="btnSimpleSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="SimpleSearchUsers"
                                    OnClick="btnSimpleSearch_Click">
                                </telerik:RadButton>
                            </span>
                            <span id="TP_AdvancedSearchButton" style="display: none">
                                <telerik:RadButton ID="btnAdvancedSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="AdvancedSearchUsers"
                                    OnClick="btnAdvancedSearch_Click">
                                </telerik:RadButton>
                            </span>
                            &nbsp;
                <telerik:RadButton ID="btnReset" Text="Reset" runat="server" OnClientClicked="ResetControls"
                    AutoPostBack="false" UseSubmitBehavior="false">
                </telerik:RadButton>
                            &nbsp;
                <telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click"
                    UseSubmitBehavior="false">
                </telerik:RadButton>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
        </div>
    </form>
</body>
</html>

    protected void btnSimpleSearch_Click(object sender, EventArgs e)
    {

    }

    protected void btnAdvancedSearch_Click(object sender, EventArgs e)
    {

    }

    protected void btnCancel_Click(object sender, EventArgs e)
    {

    }

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Arunkumar

commented on 17 May 2022, 04:23 PM

Hello Vessy, Thanks for your response!

The code you provided above has no issue when I run it in a separate application. Previously, we are using Telerik 2019 and now I upgraded to 2021.3.1111.45. After the upgrade, when I run the application, the tab stop showing the "Advanced Search Page" and i am able to see the "Simple Search Page" only as shown in the below picture.

If you don't mind, can you please review the below full code and let me know what was the actual issue.

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SearchUsers.ascx.cs" Inherits="Molina.MMI.HealthPAS.Online.Provider.Control.SearchUsers" %>

<%@ Register TagPrefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<Telerik:RadCodeBlock runat="server">

<script language="javascript" type="text/javascript">

function GradeoutControls(sender) {

var senderId = sender.id;

if (senderId.indexOf("_text") == senderId.length - 5) {
senderId = senderId.slice(0, -5)
}

var $sender = $find(senderId),
userName = $find('<%= txtUserName.ClientID %>'),
tpid = $find('<%= txtTradingPartnerID.ClientID %>'),
enableControls = $sender.get_textBoxValue() == "",
enable = enableControls ? "enable" : "disable";

if (senderId == '<%= txtUserName.ClientID %>') {
tpid[enable]();
tpid.set_value("");
}
else {
userName[enable]();
userName.set_value("");
}
}

// This array will contain "suspicious" date pickers - controls that might be in invalid state.
// We don't need to track date pickers that newer fired Error event.
var suspiciousDatePickers = {};

// Each date picker that fires an error will be stored in suspiciousDatePickers array.
function OnRadDatePickerError(sender, args) {
suspiciousDatePickers[sender.get_id()] = sender;
}

// Checks if any date picker is in invalid state.
// We have to check these controls here because no event fired when
// date picker changes its state to valid.
function ValidateRadDatePickers(sender, args) {
$telerik.$.each(suspiciousDatePickers, function(key, datePicker) {
if (datePicker.GetDate() == null && datePicker.GetTextBoxValue() != "") {
// Date picker contains text that cannot be represented as date,
// or date exceeds min/max date.
return (args.IsValid = false);

}
});
}

function ResetControls() {

var textElemIds = ['<%= txtFirstName.ClientID %>', '<%= txtLastName.ClientID %>', '<%= txtUserName.ClientID %>',
'<%= txtProviderID.ClientID %>', '<%= txtTradingPartnerID.ClientID %>'];

for (var i = textElemIds.length; i--; ) {
var elem = $find(textElemIds[i]);
if (elem) {
elem.set_value("");
elem.enable();
}
}

var ddl1 = $find('<%= ddlStatus.ClientID %>'),
ddl2 = $find('<%= ddlTradingPartnerType.ClientID %>'),
startDate = $find('<%= dpStartDate.ClientID %>'),
endDate = $find('<%= dpEndDate.ClientID %>');

startDate.clear();
endDate.clear();
ddl1.clearSelection();
ddl2.clearSelection();
}

function toggleSearchMode(sender, eventArgs) {
var isSimpleSearch = (sender.get_selectedIndex() == 0);
$get("TP_SimpleSearchButton").style.display = isSimpleSearch ? "inline" : "none";
$get("TP_AdvancedSearchButton").style.display = isSimpleSearch ? "none" : "inline";
}

// Fix for loading panel not displaying for the first time
var ajaxTimerId;
function loadingPanelShowing(sender, args) {
var loadingPanel = $telerik.$(".ralpSearchUsers:eq(0)");

ajaxTimerId = setInterval(function() {
if (loadingPanel.height() == 0) {
loadingPanel.height(300);
}
}, 100);
}

function loadingPanelHiding(sender, args) {
clearInterval(ajaxTimerId);
}

</script>

</Telerik:RadCodeBlock>

<Telerik:RadAjaxManagerProxy ID="ram" runat="server">
<AjaxSettings>
<Telerik:AjaxSetting AjaxControlID="searchWrapper">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" LoadingPanelID="alp" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" />
<Telerik:AjaxUpdatedControl ControlID="SearchAgainContainer" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="SearchAgainContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="editWindowContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>

</AjaxSettings>
</Telerik:RadAjaxManagerProxy>

<Telerik:RadAjaxLoadingPanel OnClientShowing="loadingPanelShowing" OnClientHiding="loadingPanelHiding"
CssClass="ralpSearchUsers" EnableEmbeddedSkins="true" Skin="Vista" runat="server"
ID="alp" ZIndex="300000">
</Telerik:RadAjaxLoadingPanel>

<div runat="server" id="searchWrapper" class="TP_AdminSearch">

<asp:Label ID="lblNonTradingPartnerHint" Text="Note: The public entity type user can be searched by username only (under Simple Search) and this entity type does not have Trading Partner ID or FEIN/SSN. "
runat="server" CssClass="TP_HintText TP_PublicUserHintText">
</asp:Label>

<Telerik:RadTabStrip ID="rtsAdminSearch" runat="server"
MultiPageID="rmpAdminSearch" Align="Left" SelectedIndex="0" CausesValidation="false" OnClientTabSelected="toggleSearchMode">
<Tabs>
<Telerik:RadTab PageViewID="rpvSimpleSearch" Text="Simple Search">
</Telerik:RadTab>
<Telerik:RadTab PageViewID="rpvAdvancedSearch" Text="Advanced Search">
</Telerik:RadTab>
</Tabs>
</Telerik:RadTabStrip>

<asp:Panel runat="server" ID="searchPanel" CssClass="TP_AdminSearchPanel">
<table cellpadding="0" cellspacing="0" class="TP_AdminSearchTable" summary="Search Panel">
<tr>
<td>
<Telerik:RadMultiPage ID="rmpAdminSearch" runat="server" SelectedIndex="0" CssClass="TP_MultiPage">

<Telerik:RadPageView ID="rpvSimpleSearch" runat="server">
<asp:Panel runat="server" DefaultButton="btnSimpleSearch">
<table class="TP_EditTable TP_SimpleSearchTable" cellpadding="0" cellspacing="0" summary="Simple Search">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblUserName" class="TP_LabelText" runat="server" Text="User Name" AssociatedControlID="txtUserName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtUserName" runat="server" Width="125px" ToolTip="Please enter User Name"
OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPID" runat="server" class="TP_LabelText" Text="Trading Partner ID" AssociatedControlID="txtTradingPartnerID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTradingPartnerID" runat="server" Width="125px" ToolTip="Please enter Trading Partner ID"
OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<asp:RegularExpressionValidator Display="Dynamic" ID="revTradingPartnerID" runat="server"
ValidationGroup="SimpleSearchUsers" ControlToValidate="txtTradingPartnerID" CssClass="TP_Validator TP_ValidatorBlock"
SetFocusOnError="true" ErrorMessage="Please enter a valid Trading Partner ID.">
</asp:RegularExpressionValidator>
</td>
</tr>
</table>
</asp:Panel>
</Telerik:RadPageView>

<Telerik:RadPageView ID="rpvAdvancedSearch" runat="server">
<asp:Panel runat="server" DefaultButton="btnAdvancedSearch">
<table class="TP_EditTable TP_AdvancedSearchTable" cellpadding="0" cellspacing="0" style="margin: 0px auto" summary="Advanced Search Table">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStatus" runat="server" class="TP_LabelText" Text="Status" AssociatedControlID="ddlStatus"></asp:Label>
</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlStatus" runat="server" Width="125px" ToolTip="Please select Status">
</Telerik:RadComboBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPType" runat="server" class="TP_LabelText" Text="Trading Partner Type" AssociatedControlID="ddlTradingPartnerType"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlTradingPartnerType" runat="server" Width="125px" ToolTip="Please Select Trading Partner Type">
</Telerik:RadComboBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblFirstName" runat="server" class="TP_LabelText" Text="First Name" AssociatedControlID="txtFirstName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtFirstName" runat="server"
Width="125px" ToolTip="Please enter First Name ">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblLastName" runat="server" class="TP_LabelText" Text="Last Name" AssociatedControlID="txtLastName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtLastName" runat="server" Width="125px" ToolTip="Please enter Last Name ">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStartDate" runat="server" class="TP_LabelText" Text="Registration Start Date" AssociatedControlID="dpStartDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpStartDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration Start Date">
<DateInput ID="dtStartDate" ToolTip="Enter Registration Start Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" HeaderStyle-HorizontalAlign="Center" ID="calStartDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintStartDate" CssClass="TP_HintText TP_DateFormatHint" runat="server"
Text="MM/DD/YYYY"></asp:Label>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblEndDate" runat="server" class="TP_LabelText" Text="Registration End Date" AssociatedControlID="dpEndDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpEndDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration End Date">
<DateInput ID="dtEndDate" ToolTip="Enter Registration End Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" ID="calEndDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintEndDate" runat="server" CssClass="TP_HintText TP_DateFormatHint"
Text="MM/DD/YYYY"></asp:Label>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblProviderID" runat="server" class="TP_LabelText" Text="Provider ID" AssociatedControlID="txtProviderID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtProviderID" runat="server"
Width="125px" ToolTip="Please enter Provider ID">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls1">
<td class="TP_LabelTextTd">
<asp:Label ID="lblTaxID" runat="server" class="TP_LabelText" Text="Tax ID" AssociatedControlID="txtTaxID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTaxID" runat="server" Width="125px" ToolTip="Please enter Tax ID">
</Telerik:RadTextBox>
</td>
</asp:PlaceHolder>
</tr>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls2">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblCompanyName" runat="server" class="TP_LabelText" Text="Company Name" AssociatedControlID="txtCompanyName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtCompanyName" runat="server"
Width="125px" ToolTip="Please enter Company Name">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblZip" runat="server" class="TP_LabelText" Text="ZIP code" AssociatedControlID="txtZipCode"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtZipCode" runat="server" Width="125px" ToolTip="Please enter ZIP code">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTelephone" runat="server" class="TP_LabelText" Text="Telephone" AssociatedControlID="txtTelephone"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTelephone" runat="server"
Width="125px" ToolTip="Please enter Telephone Number">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">

</td>
<td class="TP_EditTextTd">

</td>
</tr>
</asp:PlaceHolder>
<tr>
<td colspan="5" align="center" style="text-align:center">
<asp:CustomValidator ID="cvValidDate" runat="server" ErrorMessage="Invalid Date format." CssClass="TP_Validator"
ClientValidationFunction="ValidateRadDatePickers" Display="Dynamic" ValidationGroup="AdvancedSearchUsers">
</asp:CustomValidator>
<asp:CompareValidator Display="Dynamic" ID="cvRegistrationDate" runat="server" ValidationGroup="AdvancedSearchUsers"
ControlToValidate="dpEndDate" ControlToCompare="dpStartDate" Operator="GreaterThan"
CssClass="TP_Validator" SetFocusOnError="true" Type="Date" ErrorMessage="Registration End Date must be greater than Registration Start Date.<br />">
</asp:CompareValidator>
</td>
</tr>
</table>
<script type="text/javascript">
TP_SetAltRowCss($telerik.$(".TP_AdvancedSearchTable"));
</script>
</asp:Panel>
</Telerik:RadPageView>

</Telerik:RadMultiPage>
</td>
</tr>
<tr>
<td class="TP_CommandButtonsTd">
<span id="TP_SimpleSearchButton">
<Telerik:RadButton ID="btnSimpleSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="SimpleSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
<span id="TP_AdvancedSearchButton" style="display:none">
<Telerik:RadButton ID="btnAdvancedSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="AdvancedSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
 
<Telerik:RadButton ID="btnReset" Text="Reset" runat="server" OnClientClicked="ResetControls"
AutoPostBack="false" UseSubmitBehavior="false">
</Telerik:RadButton>
 
<Telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click"
UseSubmitBehavior="false">
</Telerik:RadButton>
</td>
</tr>
</table>
</asp:Panel>

<table cellpadding="0" cellspacing="0" class="TP_SearchResults" summary="Search Results">
<tr>
<td class="TP_StatusTd">
<asp:Label runat="server" ID="lblStatusMessage" CssClass="TP_Validator"></asp:Label>
</td>
</tr>
<tr>
<td>
<Telerik:RadGrid ID="rgUsers" runat="server" AllowPaging="True" PageSize="10" AllowSorting="True"
CssClass="gridUsers" OnNeedDataSource="rgUsers_NeedDataSource" OnItemCommand="rgUsers_OnItemCommand">
<ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced" />
<ItemStyle HorizontalAlign="Left" />
<AlternatingItemStyle HorizontalAlign="Left" />
<MasterTableView AutoGenerateColumns="False">
<Columns>

<Telerik:GridBoundColumn DataField="TradingPartnerId" HeaderText="Trading Partner ID"
SortExpression="TradingPartnerId" UniqueName="TradingPartnerID" EmptyDataText="">
</Telerik:GridBoundColumn>

<Telerik:GridBoundColumn DataField="CompanyName" HeaderText="Company Name" SortExpression="CompanyName"
UniqueName="CompanyName" EmptyDataText="">
</Telerik:GridBoundColumn>
<Telerik:GridBoundColumn DataField="FEIN" HeaderText="FEIN" SortExpression="FEIN"
UniqueName="FEIN" Visible="false" EmptyDataText="">
</Telerik:GridBoundColumn>


<Telerik:GridBoundColumn DataField="FirstName" HeaderText="First Name" SortExpression="FirstName"
UniqueName="FirstName" EmptyDataText="">
</Telerik:GridBoundColumn>
<Telerik:GridBoundColumn DataField="LastName" HeaderText="Last Name" SortExpression="LastName"
UniqueName="LastName" EmptyDataText="">
</Telerik:GridBoundColumn>
<Telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" SortExpression="UserName"
UniqueName="UserName" EmptyDataText="">
</Telerik:GridBoundColumn>
<Telerik:GridBoundColumn DataField="EmailAddress" HeaderText="Email Address" SortExpression="EmailAddress"
UniqueName="EmailAddress" EmptyDataText="">
</Telerik:GridBoundColumn>


<Telerik:GridBoundColumn DataField="RoleName" HeaderText="Role Name" SortExpression="RoleName"
UniqueName="RoleName" EmptyDataText="">
</Telerik:GridBoundColumn>

</Columns>
</MasterTableView>
</Telerik:RadGrid>

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

</div>

<div runat="server" id="SearchAgainContainer" class="TP_SearchAgain">
<Telerik:RadButton ID="btnSearchAgain" Visible="false" Text="Search Again" runat="server"
CausesValidation="false" OnClick="btnSearchAgain_Click" >
</Telerik:RadButton>
</div>

Appreciate your help!

Thank you,

Shan.

Arunkumar

commented on 20 May 2022, 01:01 PM

Hi Vessy,

The issue is caused due to the rad date picker control inside the page in version 2021. So I would like to upgrade to the next version.

I saw your response in the other thread related to the javascript error due to raddatepicker. Thank you for your help in this issue.!

Thank you,

Shan.

Arunkumar

commented on 20 May 2022, 01:36 PM

Hi Vessy,

Thanks for your suggestion. I am planning to download version 2022.2.511.45. Are there any known issues to be found with the Radcontrols? I could not see anything in the blogs as it is the latest one.

Thank you.

Shan.

Vessy

commented on 20 May 2022, 02:08 PM

Hi Shan,

Thank you so much for the update, I am glad my suggestion was helpful! We are not aware of any Regression in the latest release, so I encourage you to upgrade to it.

You can see how to update your project easily here:
https://docs.telerik.com/devtools/aspnet-ajax/installation/upgrading-instructions/upgrading-a-trial-to-a-developer-license-or-to-a-newer-version#manual-upgrade

Arunkumar

commented on 07 Jun 2022, 01:06 PM

Thank Vessy! I have successfully upgraded the 2022 Telerik version without any issues.

I appreciate your assistance with this upgrade.

Thank you,

Shan.

Vessy

commented on 07 Jun 2022, 01:12 PM

Thank you for the update, Shan! I am really glad everything went smoothly.

Arunkumar

commented on 08 Jun 2022, 07:26 PM

Hi Vessy,

I have a color contrast(accessability) issue in the telerik radgrid (column count shown on the right bottom of the grid) using the skin "vista". When i tried to change the color, the property shows the built-in dll of the skin existing in the file WebResource.axd?d=r5o6JcQ6LfyAKGx42Z_QMPgBpzmJ0wD65-ekP_q0H-oRUiXTGKdJk7Zooe96wopPaHYM-WYb8I9AHR3pDfSPUKq8DKGXiZpAE3M44KHVAszNvxZA1RMNBVZ1Xt-k2Y51rqv5icumDD6Olq57O0HtBmyNzM90uRSpomGU6jguBxM1&t=637877862860000000

Is there any possibility to change the color of that part? If so, how do we do?

It shows #8a8a8a, but I want to give #717171. I need to keep enableembeddedskins=true.

Please let me know your insight.

Thank you,

Shan.

Peter Milchev

commented on 13 Jun 2022, 04:49 PM

Hello Shan, if this is the style you want to override, you just need to make a similar selector but with a "stronger" specificity. This is easily achieved by adding "html " in front of the selector or adding "div" before .RadGrid_Vista:

https://css-tricks.com/specifics-on-css-specificity/

div.RadGrid_Vista .rgInfoPart{ 
    color: #717171;
}

Also, please open new posts or tickets for questions unrelated to the original topic of the thread. That will keep the threads short, concise and easy to navigate by the community as well.

Arunkumar

commented on 17 Jun 2022, 01:57 PM

Hi Peter,

Thank you for your insight. This style will be given in a common CSS file, not on every page that uses the grid, correct? I just wanted to go through the CSS specificity to fix this issue. I will get back to you if I need more assistance. I appreciated your help!

Sure, I will create a new thread after this.

Thank you,

Shan

Peter Milchev

commented on 17 Jun 2022, 02:07 PM

Hi Shan, the selector is specific enough that it will apply the style only to a RadGrid with Vista skin, so you can place it in a common file, it will not cause any issues if there is no Grid on the page.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

using radtabstrip and multipage with ajaxmanager

1 Answer, 1 is accepted