HI Team,  RadTabStrip malfunctioning and is showing popups from previous reports

after viewing the report, when navigating to the history tab, the report view reappears, which is inconsistent with the existing functionality. The report view in the history tab shouldn't appear.

here i implemneted the code like

C# code behind aspx.cs

 UbAjaxMngr.ResponseScripts.Add("Report('" + IMPORTID + "');");

front end aspx page updated

// Placeholder function to register Report via Sys Application load
    function Report(args) {
        Sys.Application.add_load(function () {
            ReportUpdated(args);
  //Clear args at the end
   args = "";
        });
    }
            function ReportUpdated(args) {
                alert("The data has been imported. Please continue to view the Import Report");
                var IMPORTID = args;
var manager = $find("<%= rwmReqMgr.ClientID %>");
if (manager) {
var owin = manager.getWindowByName("ReqMgrPopUp");
console.log("RadWindow Manager Working Tecnics: ");
if (owin) {
owin.setUrl("../../Reports/Pages/Script/frmScript_report.aspx?IMPORTID=" + IMPORTID);
owin.set_title("Blumen Message Wizard");
owin.setSize(1080, 600);
owin.set_visibleStatusbar(false);
owin.show();
owin.center();
} else {
console.error("Could not find the RadWindow.");
                  }
  } 
else  {
console.log("RadWindowManager is not initialized.");
      }
// Clear args at the end
   args = null;
        } 

Working good for all browsers (IE,Chromo,Mozilla) But,

ref screenshots:

Up to here working good, Script Import Mapping functions correctly in both Internet Explorer and Google Chrome.However, an Issue occurs: after viewing the report, when navigating to the history tab, the report view reappears, which is inconsistent with the existing functionality. The report view in the history tab does not disappear until the X button is clicked to close the current main field details.

here is the screen shots

Above screen should not display report popup again.

It should  display screen like below

Provideing History Tab code

// For History Tab

<telerik:RadPageView ID="rpvHistory" runat="server">
                <table width="99%">
                    <tr>
                        <td align="right">
                            <asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="../../Image/remove.png"
                                AlternateText="Delete Report" SkinID="Remove" Height="25px" Width="25px" OnClick="Deletereport" />Delete
                            Report
                            <asp:ImageButton runat="server" ImageUrl="../../Image/View-report.png" AlternateText="View Report"
                                Height="25px" Width="25px" OnClick="showreport" />Print Report
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <telerik:RadGrid ID="grdHistory" runat="server" AutoGenerateColumns="false" Skin="Office2007"
                                ItemStyle-Wrap="true" Height="330px">
                                <MasterTableView ClientDataKeyNames="IMPORTID" Width="100%" HeaderStyle-Height="25px"
                                    ItemStyle-Height="25px">
                                    <Columns>
                                        <telerik:GridBoundColumn HeaderText="REPORT NAME" DataField="REPORTNAME">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn HeaderText="Table Name's" DataField="TABLENAMES">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn HeaderText="Import-Date & Time" DataField="IMPORT_DATETIME">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                                <ClientSettings>
                                    <ClientEvents OnRowClick="histrowClick" OnRowDblClick="grdhistdblClick" />
                                    <Scrolling AllowScroll="true" SaveScrollPosition="true" ScrollHeight="150" UseStaticHeaders="true" />
                                    <Selecting AllowRowSelect="true" />
                                </ClientSettings>
                            </telerik:RadGrid>
                            <asp:LinkButton runat="server" ID="lnkHistory" OnClick="showreport"></asp:LinkButton>
                        </td>
                    </tr>
                </table>
            </telerik:RadPageView>

// telerik tab strips
<telerik:RadTabStrip ID="Imp_tabstrip" runat="server" MultiPageID="imp_pgview" OnClientTabSelected="ClientTabSelected">
            <Tabs>
                <telerik:RadTab runat="server" Text="MAIN" PageViewID="RpvMain" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="YEARLY" PageViewID="rpvYEARLY" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="SEMESTER" PageViewID="rpvsemister" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="COURSES" PageViewID="rpvCOURSES" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="CONTACT" PageViewID="rpvCONTACT" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="MAINCFIELDS" PageViewID="rpvMAINCFIELDS" Visible="false">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="History" PageViewID="rpvHistory">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="NoAccess" PageViewID="rpvNoAccess" Visible="false">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>

//Here tab selected change js code
function ClientTabSelected(sender, args) {
                var tab = args.get_tab();
                if (tab.get_text() == "History") {
                    $find("<%= UbAjaxMngr.ClientID %>").ajaxRequest("loadTabs");
                }
            }

// telerik control details

<telerik:RadAjaxManager ID="UbAjaxMngr" runat="server" OnAjaxRequest="UbAjaxMngr_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="UbAjaxMngr">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="AjaxloadingDiv" />
                    <telerik:AjaxUpdatedControl ControlID="Ajaxloadingimg" />
                    <telerik:AjaxUpdatedControl ControlID="litErrorMsg" />
                    <telerik:AjaxUpdatedControl ControlID="rlExcellFields" />
                    <telerik:AjaxUpdatedControl ControlID="RadGridYearly" />
                    <telerik:AjaxUpdatedControl ControlID="RadgrdSemister" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrdCourses" />
                    <telerik:AjaxUpdatedControl ControlID="asncMainFilUpload" />
                    <telerik:AjaxUpdatedControl ControlID="RadAsyYearlyUpload" />
                    <telerik:AjaxUpdatedControl ControlID="asncSEMfilupload" />
                    <telerik:AjaxUpdatedControl ControlID="asncCORSfilupload" />
                    <telerik:AjaxUpdatedControl ControlID="hdnMainFields" />                    
                    <telerik:AjaxUpdatedControl ControlID="hdnYearlyFields" />
                    <telerik:AjaxUpdatedControl ControlID="hdnSemisterfields" />
                    <telerik:AjaxUpdatedControl ControlID="hdncoursefields" />
                    <telerik:AjaxUpdatedControl ControlID="Imp_tabstrip" />
                    <telerik:AjaxUpdatedControl ControlID="hdnTableNames" />
                    <telerik:AjaxUpdatedControl ControlID="grdHistory" />
                    <telerik:AjaxUpdatedControl ControlID="hdnhistImpid" />
                    <telerik:AjaxUpdatedControl ControlID="hdnMainUnique" />
                    <telerik:AjaxUpdatedControl ControlID="hdnYearlyUnique" />
                    <telerik:AjaxUpdatedControl ControlID="hdnCoursesUnique" />
                    <telerik:AjaxUpdatedControl ControlID="hdnSemesterUnique" />
                    <telerik:AjaxUpdatedControl ControlID="hdnSuccessids" />                    
                    <telerik:AjaxUpdatedControl ControlID="hdnMinimumStuids" />
                    <telerik:AjaxUpdatedControl ControlID="hdnSelectFCfields" />                    
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

So where i need to update in tab history selected cahnge event to avoid again to diaply report popup.

Please guide us.

Hello,

I have a RadGrid embedded in a RadTabStrip. This is defined in a UserControl with a RadAjaxManagerProxy. It displays content from a DB server. I have a GridButtonColumn that is defined below. Everything works fine except that when I try to delete a row by clicking on the icon it won't work initially. A second click results in a callback to the server's RgAttachments_ItemCommand appropriately. This behaviour happens consistently. I took a look at the generated code and noticed a difference in the button's clientside onclick handler

This following generated javascript works

if(!$find('ctl00_MainContent_ctlRqstAttachments_RgAttachmentRevision').confirm('Are you sure you wish to delete this file attachment?', event, 'ctl00_MainContent_ctlRqstAttachments_RgAttachmentRevision', 'Delete'))return false;__doPostBack('ctl00$MainContent$ctlRqstAttachments$RgAttachmentRevision$ctl00$ctl14$ctl00','')

This generated code doesn't

if(!$find('ctl00_MainContent_ctlRqstAttachments_RgAttachmentRevision').confirm('Are you sure you wish to delete this file attachment?', event, 'ctl00_MainContent_ctlRqstAttachments_RgAttachmentRevision', 'Delete'))return false;__doPostBack('ctl00$MainContent$ctlRqstAttachments$RgAttachmentRevision$ctl00$ctl12$ctl01','')

The column in question

                            <telerik:GridButtonColumn HeaderText="Delete" ConfirmText="Are you sure you wish to delete this file attachment?" ConfirmDialogType="RadWindow" ButtonCssClass="btn btn-outline-danger btn-sm rounded" ConfirmTitle="Delete" ButtonType="FontIconButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ItemStyle-ForeColor="Red">
                                <ItemStyle HorizontalAlign="Center"></ItemStyle>
                            </telerik:GridButtonColumn>

Any help to resolve this is greatly appreciated

My ASP.NET Web Form has a RadTabStrip with 3 different tabs. The first tab has the username and password, the second tab has the permissions, and the third tab has the clients. The username and password have RequiredFieldValidators on them.

I have noticed that whenever I go from one tab to another, the Windows TextBox Control txtPassword's Text field is getting reset, causing the page to not validate whenever tabs 2 or 3 are shown.

I created a hack to fix this:

Protected Sub RadTabStrip1_ClientTabSelecting(sender As Object, e As RadTabStripEventArgs) Handles RadTabStrip1.TabClick
    Page.Validate()
    If Me.IsValid() Then
        If Not String.IsNullOrWhiteSpace(txtPassword.Text) Then
            ViewState("password") = txtPassword.Text
        End If
    Else
        If String.IsNullOrWhiteSpace(txtPassword.Text) Then
            txtPassword.Text = ViewState("password")
        End If
        If String.IsNullOrWhiteSpace(txtConfirmPassword.Text) Then
            txtConfirmPassword.Text = ViewState("password")
        End If
        Page.Validate()
        If Not IsValid() Then
            MultiView1.ActiveViewIndex = 1
            RadTabStrip1.SelectedIndex = 0
            RadMultiPage1.SelectedIndex = 0
        End If
    End If
End Sub

I do not like storing their password in the ViewState, but it works.

Almost.

The Submit button is on the bottom of the page, contained within a RadToolBar.

Protected Sub RadToolBar1_ButtonClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarEventArgs) Handles RadToolBar1.ButtonClick
    Dim rb As Telerik.Web.UI.RadToolBarButton = e.Item
    Dim clientList As List(Of Client) = ViewState("MyClientList")
    If rb.CommandName = "Save" Then

There is a breakpoint on that line of code, but Validation fails before that code is reached.

By this point, my customers are on Tab 3, and they have no way to tell that the txtPassword control has had their input deleted on Tab 1.

Has anyone ever experienced a Windows Control like this password getting cleared whenever the RadTabStrip Index changes?

How do I fix this?

I have implemented a web application that uses the RadTabStrip and RadMultiPage.  The tabs and pages are dynamically created when the page is loaded.  I did not create a TabStrip_TabClick() callback and when I click on a tab, the tab's associated page shows up as expected - everything works fine!

Now I want to intercept the TabClick() callback in order to do some additional processing before the page is redisplayed.

When I add the TabClick() callback, clicking on a tab does not trigger the page to be displayed.

What basic code needs to be in the callback in order to trigger the default page load behavior?

protected void myTabStrip_TabClick(object sender, RadTabStripEventArgs e)
{
    // What
    // goes
    // here?
}

Hi,

How to get all Rad Controls that are within the selected TAB PageView? using JS

I know that you can get all the controls within the form using this code.

 var allRadControls = $telerik.radControls;

Thanks,

Omar

I can't seem to get RadTabStrip to do validation the way I want it to...

I have a RadTabStrip with a RadMultiPage and several RadPageViews

Inside each RadPageView id a FormView

I also have a Validator on a field outside of the RadTabStrip.

Whenever I click on a Tab for the RadTabStrip the validation ErrorMessage for the validator outside of the TabStrip disappears.

What I would like to have happen when selecting a Tab in the Tab strip

1)  CustomValidator Messages outside of the tabstrip continue to show their ErrorMessage

2) Any controls within the newly selected tab have their CustomValidators server side methods called.

I have tried setting the RadTabStrip ValidationGroup to be the same as all the CustomValidators, ValidationRequestMode to Enabled... but that did not do anything.

I also tried calling Page.Validate() in the TabClick event.  However, that has the unpleasant effect of allways putting me on the first tab and not the tab I clicked on.

What can I do in order to get the functionality described in items #1 and #2 ?

I have a tab strip (I need it to be in Lightweight mode) :

 <telerik:RadTabStrip width="100%"  Align="Center" Skin="Default" 
                                    Orientation="HorizontalTop"  RenderMode="Lightweight"

Tabs are centered to the left

 Any ideas?

I'd like to use the tab strip as a filter for a RadGrid below it -- meaning, I won't be using a multipage view but rather every tab will have the same content, just the filter for the radgrid will change based on which tab is selected.

I am using a hierarchical tab scenario, so the primary tabs (pid's are null, therefore root) are usernames, and the underlying ones are prior years of tickets they had. This all works perfectly -- top tabs are their names, and when they click on them, the "current year" of tickets as well as any tickets that are still open are shown (even if they're from prior years). If they want to look at past years, they'd just click on the tab that represents that year number. Each click event fires off a re-bind for the RadGrid below.

All works fine, except for this one problem - once a tab is active, if a user clicks that same tab again, I don't get another click event firing. I'd like to use this re-click as a "refresh" event (meaning the datagrid would re-query the underlying datasource to get up to the minute results).

In the attached picture, if a user selects the first tab (ChCurrier), then selects 2022 to look at last year's tickets, there is no way for him to then re-select the current year's tickets by clicking on ChCurrier again - the click event won't fire because it's already active/selected.