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.

I have a RadTabStrip defined as follows:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" 
    AutoPostBack="True" Skin="Silk" Height="40px" Align="Justify">
    <Tabs>
        <telerik:RadTab runat="server" Text="Tab Number 1" Value="T1" Font-Bold="True" Selected="True">
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="Tab Number 2" Value="T2" Font-Bold="True">        
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

When the web page is displayed and I shrink the window size by grabbing the right side of the browser window, then the last tab flickers as I resize and if I stop the mouse in just the right spot the last tab completely disappears.

If I change the ALIGN property from JUSTIFY to CENTER, the flickering disappears and the last tab remains displayed.

This behavior occurs on the latest version of Firefox and Chrome.