Last Updated: 13 Nov 2020 08:35 by ADMIN

Steps to reproduce:
Use the code below. Select the Members tab and press the tab key - nothing happens. Focusing the DataPicker is expected.

  <a href="http://www.google.com">Google</a>

    <div class="RadTabStripWrapper">
        <telerik:RadTabStrip ID="rtsCommitteeTabs" runat="server" MultiPageID="rmpCommitteeTabViews" RenderMode="Lightweight">
            <KeyboardNavigationSettings CommandKey="Alt" FocusKey="T" />
                <telerik:RadTab PageViewID="pvMeetings" Value="Meetings" Text="Meetings">
                <telerik:RadTab PageViewID="pvMembers" Value="Members" Text="Members">
                <telerik:RadTab PageViewID="pvAttributes" Value="Other Information" Text="Other Information">
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab1" Text="Link Doc Tab 1" Value="CommitteeLinkDocTab1">
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab2" Text="Link Doc Tab 2" Value="CommitteeLinkDocTab2">
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab3" Text="Link Doc Tab 3" Value="CommitteeLinkDocTab3">
    <div class="RadMultiPageWrapper">
        <telerik:RadMultiPage ID="rmpCommitteeTabViews" runat="server">
            <!-- Meetings Tab -->
            <telerik:RadPageView runat="server" ID="pvMeetings" CssClass="MeetingsTab">                
            <telerik:RadPageView runat="server" ID="pvMembers" CssClass="MeetingsTab">
                <telerik:RadDatePicker ID="datePickerMeetingsFrom" CssClass="DatePicker" runat="server" RenderMode="Lightweight" EnableAriaSupport="true" EnableKeyboardNavigation="true" aria-label="From date for the meeting date range filter">
                    <DateInput runat="server" ValidationGroup="MeetingDates" aria-label="From date for the meeting date range filter">
            <telerik:RadPageView runat="server" ID="pvAttributes" CssClass="MeetingsTab">
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab1" CssClass="MeetingsTab">
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab2" CssClass="MeetingsTab">
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab3" CssClass="MeetingsTab">

    <a href="http://www.google.com">Google 2</a>

Last Updated: 12 May 2020 12:28 by ADMIN

Scenario: RadButton within RadPageView part of RadMultiPageView integrated with RadTabStrip for switching PageViews.

When switching tabs, additional padding is applied to the text in RadButton. After a postback is made, padding is not applied anymore.



Last Updated: 02 Jan 2020 16:31 by ADMIN
Created by: Lou
Comments: 1
Category: TabStrip
Type: Bug Report
The tabs will scroll by themselves even when your finger is off the screen.
Last Updated: 02 Aug 2019 10:12 by ADMIN
Only the selected tab has an aria-selected attribute. According to the documentation I can find, all tabs should have aria-selected, and be set to true or  false as appropriate.

aria-selected (state)§

Indicates the current "selected" state of various widgets. See related aria-checked and aria-pressed.

This attribute is used with single-selection and multiple-selection widgets:

  1. Single-selection containers where the currently focused item is not selected. The selection normally follows the focus, and is managed by the user agent.
  2. Multiple-selection containers. Authors SHOULD ensure that any selectable descendant of a container in which the aria-multiselectable attribute is true specifies a value of either true or false for the aria-selected attribute.

Any explicit assignment of aria-selected takes precedence over the implicit selection based on focus. If no DOM element in the widget is explicitly marked as selected, assistive technologies MAY convey implicit selection which follows the keyboard focus of the managed focus widget. If any DOM element in the widget is explicitly marked as selected, the user agent MUST NOT convey implicit selection for the widget.

Used in Roles:
Inherits into Roles:
falseThe selectable element is not selected.
trueThe selectable element is selected.
undefined (default)The element is not selectable.
Last Updated: 27 Jul 2017 07:47 by ADMIN
Created by: Veselin Tsvetanov
Comments: 0
Category: TabStrip
Type: Bug Report

Last Updated: 30 May 2017 08:41 by ADMIN
The disabled tabs don't look like disabled in Classic render mode. 

This issue is not observable with the 2016 release as shown in the attached screenshot.

1) You can change the color of the disabled items by applying the following class to the page:

        .rtsLink.rtsDisabled {
            color: #a5a5a5 !important;

2) Another option is to switch the rendering to Lightweight -> RenderMode="Lightweight".