Under Review
Last Updated: 01 Nov 2013 13:06 by Chris
Created by: Chris
Comments: 0
Category: TabStrip
Type: Feature Request
3
While it is currently possible to target the first or last item in a RadTabStrip via their CSS classes .rtsFirst and .rtsLast, it is not possible to target individual items, e.g. to add a custom icon or display different background images in tabs.

Assigning icons via the ImageURL property is often not feasible, e.g. when using the RadTabStrip-based navigation controls in Sitefinity.

Numbering the list items, e.g. .rtsLI1, .rtsLI2, .rtsLI3, etc., would be trivial to implement and provide a lot of flexibility through individual CSS targeting.

This also applies to the RadPanelBar and RadMenu controls.
Completed
Last Updated: 30 Jul 2015 13:42 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: TabStrip
Type: Feature Request
2

			
Completed
Last Updated: 03 Sep 2019 16:13 by ADMIN
Release R3 2019
Created by: Sunil Sutar
Comments: 2
Category: TabStrip
Type: Bug Report
1

Hi Telerik team,

 

Few of our clients reported the following issue with respect to WCAG 2.0 SC 4.1.2 standard. (508 Standard and compliance) -

PracticeFunction (example)
Ensure ARIA roles, states, and properties are validLI has an aria-level attribute of 0, which is not an integer value greater than, or equal to, 1

 

Example: visit https://demos.telerik.com/aspnet-ajax/tabstrip/examples/wai-aria-support/defaultcs.aspx 

 

Observe the ul-li elements created for tabstrip. On each li element, there is aria-level attribute whose value is set to 0.

As per WCAG this value should start from 1. The value 0 is invalid. Refer: https://www.w3.org/TR/WCAG20-TECHS/ARIA12.html

 

Please let me know when are you going to fix this for compliance. 

--

Sunil

Completed
Last Updated: 03 Sep 2019 16:12 by ADMIN
Release R3 2019

Few of our clients reported the following issue with respect to WCAG 2.0 SC 4.1.2 standard. (508 Standard and compliance) -

 
Practice Function (example)
Ensure sub-lists are marked up properly This UL should only contain li elements (without an ARIA-assigned role), script elements (without an ARIA-assigned role) or template elements (without an ARIA-assigned role); or
 
elements with a role=listitem attribute; as direct child elements

 

Example: When Telerik Tabstrip has EnableAriaSupport=true, internally tabstrip is combination of ul-li with css to display the Tabs properly -

The html looks like as follows -  

<ul class="rtsUL">
    <li class="rtsLI rtsFirst" role="tab" aria-disabled="false" aria-level="0" aria-controls="LayoutPageView">
        <a accesskey="L" title="Layout" class="rtsLink rtsBefore" id="LayoutTab" href="#"><span class="rtsOut">
            <span class="rtsIn">
                <span class="rtsTxt">
                    <h2 class="RadTabStrip RadTabStrip_Default"><u>L</u>ayout</h2>
                </span>
            </span>
        </span>
        </a>
    </li>
    <li class="rtsLI" role="tab" aria-disabled="false" aria-level="0" aria-controls="SearchPageView" aria-selected="true" id="SearchTabStrip_active_tab">
        <a accesskey="S" title="Search" class="rtsLink rtsSelected" id="SearchTab" href="#">
            <span class="rtsOut">
                <span class="rtsIn">
                    <span class="rtsTxt">
                        <h2 class="RadTabStrip RadTabStrip_Default"><u>S</u>earch</h2>
                    </span>
                </span>
            </span>
        </a>
    </li>
    <li class="rtsLI rtsLast" role="tab" aria-disabled="false" aria-level="0" aria-controls="ResultsPageView">
        <a accesskey="R" title="Statewide Search Results 0 records" class="rtsLink rtsAfter" id="ResultsTab" href="#">
            <span class="rtsOut">
                <span class="rtsIn">
                    <span class="rtsTxt">
                        <h2 class="RadTabStrip RadTabStrip_Default">Statewide Search<u>R</u>esults (0)</h2>
                    </span>
                </span>
            </span>
        </a>
    </li>
</ul>


Observe the aria attributes which are on li elements. Is that really necessary considering the compliance? (as mentioned in practice and example).

 

Please let me know when are you going to fix this for compliance. 

--

Sunil 

Pending Review
Last Updated: 07 Aug 2017 00:44 by Bryan
Created by: Bryan
Comments: 0
Category: TabStrip
Type: Feature Request
1
Refer Support Id 1122136  
( https://www.telerik.com/account/support-tickets/view-ticket?threadid=1122136 )
for screen shots and explanation...

Where we use the ShowBaseLine property in Horizontal Orientation, the same feature is not available when in Vertical Orientation
Approved
Last Updated: 27 Jul 2017 07:47 by ADMIN
ADMIN
Created by: Veselin Tsvetanov
Comments: 0
Category: TabStrip
Type: Bug Report
1

			
Pending Review
Last Updated: 23 Feb 2016 15:39 by croach01
Please see the ticket here http://www.telerik.com/account/support-tickets/view-ticket?threadid=1010098.

I still need to support IE8 browsers.  The removal of the frameBorder attribute from the iframe rendering causes layout issues in IE8.  Adding a property to the RadPageView project to re-enable this behavior would fix this issue.  It could be false by default in order to pass the cited validation tool.  The developer would have to enable the property in order for the frameBorder attribute to be rendered as frameBorder="0".
Won't Fix
Last Updated: 27 Nov 2015 15:22 by ADMIN
Created by: Bryan
Comments: 1
Category: TabStrip
Type: Bug Report
0
Please see the following Forum topic and attached images:

http://www.telerik.com/forums/multi-row-tabs#i-uWt1OdnEKceUHt32s43Q

We would consider this to be a bug, and the response we received back from Ivan Danchev was less than satisfactory given that this topic is now over 5 years old.

Please consider adding this to your roadmap and addressing this behaviour sometime in the near future.
Declined
Last Updated: 27 Nov 2015 14:41 by ADMIN
This markup:
<Telerik:RadTabStrip ID="detailsStrip" runat="server" MultiPageID="RadMultiPage1"
                            ClickSelectedTab="true" OnTabClick="detailsStrinp_TabClick" SelectedIndex="0"
                            Align="Justify" Orientation="VerticalLeft" EnableEmbeddedSkins="false" AutoPostBack="true"
                            Skin="WFS" ScrollChildren="true" OnClientTabSelected="onTabSelected">
                            <Tabs>
                                <Telerik:RadTab Text="General"  PageViewID="GeneralView">
                                </Telerik:RadTab>
                                <Telerik:RadTab Text="History" PageViewID="HistoryView">
                                </Telerik:RadTab>
                                <Telerik:RadTab Text="Dokumenty" PageViewID="DocsView">
                                </Telerik:RadTab>
                                <Telerik:RadTab Text="AddInfo" PageViewID="AddInfoView">
                                </Telerik:RadTab>
                                <Telerik:RadTab Text="Gallery" PageViewID="GalleryView">
                                </Telerik:RadTab>
                                <Telerik:RadTab Text="Process" PageViewID="ProcessView" Visible="false" />
                            </Tabs>
                            <TabTemplate>
                                 <div class="nav-item">
                                    <div class="nav-item-img"></div>
                                    <div class="nav-item-header"><%# DataBinder.Eval(Container,"Text") %></div>
                                </div>
                            </TabTemplate>
                        </Telerik:RadTabStrip>

Generates js issue:
if(D.TabStripOrientation.isVertical(H)){G="offsetHeight";
F=function(J,K){J.firstChild.firstChild.firstChild.style.height=K+"px";
(null reference)
Version: 2012.3.1016.35
Declined
Last Updated: 27 Nov 2015 14:38 by Elena
Created by: Maha
Comments: 1
Category: TabStrip
Type: Feature Request
0
1)If already one tab opened means-->just i want to select tab(without postback)

for that me use set_selected(true) and select().But its also fires OnClientTabSelected Client Side API function.

So how can i achieve this?

 OnClientTabSelecting function available to get focus of user select a tab.Becoz i want two functionality

1)I want  postback for some specific of the tabs when user clicks already opened tabs

2)I want to select a Tab(without postback) when user clicks from Leftmenu(RadPanelBar)

Pls explain with sample code how to achieve both Its very urgent

3) In my left side user control  RadPanelItem me used.Based on this only tabs are opened based

Functionality me need -->whenever user select a already opened tabs its corresponding menu also should select in RadPanelbar(PanelItem)

Me tried this logic
============
function ClientTabsSelected(sender, args) {
var tab = args.get_tab();
GetItemText(tab.get_text());
}

    function GetItemText(currenttabtext) { //This function me put left side user control.

          var panelBar = $find("<%=RadPanelBar1.ClientID%>");

           var currentitem = panelBar.findItemByText(currenttabtext);

           if (currentitem) {
               currentitem.set_selected(true);
               currentitem.expand();
          }

      }
================================

Its works only when panelitem expand.If already selected item in Panelbar collapsed means.Its select properly (rpSelected CSS Class assigned  me find using inspect element)

But its not expand..Please help me solve this also

Please response soon.Its very urgent
Completed
Last Updated: 12 Oct 2015 12:01 by ADMIN
Observe the below video, demonstrating the issue :

http://screencast.com/t/pC1V29UwYQ83 

Adding another, not visible textarea to absorb the focus can be used as a workaround:

<telerik:RadTabStrip ID="rtsRFT" runat="server" Skin="Office2007" MultiPageID="rmpRTF"
    SelectedIndex="0" ShowBaseLine="True" OnClientTabSelected="OnClientTabSelected">
    <Tabs>
        <telerik:RadTab Text="Description" TabIndex="61" ToolTip="Click to view description"
            SelectedCssClass="SelectedTab" PageViewID="pDesription">
        </telerik:RadTab>
        <telerik:RadTab Text="Notes" TabIndex="63" ToolTip="Click to view notes" PageViewID="pNotes">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<div class="welcomeTab" style="height: 100%">
    <telerik:RadMultiPage ID="rmpRTF" runat="server" SelectedIndex="0">
        <telerik:RadPageView ID="pDesription" runat="server">
            <div>
                <telerik:RadEditor ID="txtDescription" runat="server" Width="100%" Height="250px">
                </telerik:RadEditor>
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pNotes" runat="server" Height="100%">
            <div>
                <telerik:RadEditor ID="txtNote" runat="server" Width="100%" Height="250px">
                </telerik:RadEditor>
            </div>
        </telerik:RadPageView>
    </telerik:RadMultiPage>

</div>

<script type="text/javascript">
    function OnClientTabSelected(sender, args) {
        $telerik.$("#inboxId").focus();
    }
</script>
Completed
Last Updated: 12 May 2016 10:35 by ADMIN
Pending Review
Last Updated: 17 Oct 2019 08:39 by ADMIN
Created by: Jeff
Comments: 1
Category: TabStrip
Type: Bug Report
0

Accessibility Insights is reporting invalid markup on all tabs in the TabList.

When consulting the online aria specifications I see that elements with role="tablist" support aria-level="#" where number is > 0.  (https://www.w3.org/TR/wai-aria-1.2/#tablist) However, elements with role="tab" do not. (https://www.w3.org/TR/wai-aria-1.2/#tab)

If possible, we would like to see the aria-level tag moved to the correct page elements in the next release. (Thanks for correcting the aria-level="0" problem previously.) 

I believe this may be the compliance issue Sunil was reporting previously here: https://feedback.telerik.com/aspnet-ajax/1413112-this-ul-should-only-contain-li-elements-without-an-aria-assigned-role

Pending Review
Last Updated: 06 Sep 2019 11:14 by ADMIN
Created by: Lou
Comments: 1
Category: TabStrip
Type: Bug Report
0
The tabs will scroll by themselves even when your finger is off the screen.
Approved
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.

Workarounds:
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".
Completed
Last Updated: 02 Feb 2017 11:18 by ADMIN
Declined
Last Updated: 12 Dec 2016 09:05 by ADMIN
ADMIN
Created by: Ivan Zhekov
Comments: 5
Category: TabStrip
Type: Feature Request
0
Currently the RadTabStrip + Google Maps integration suffers a limitation e.g. if the map is within a hidden tab, there are displacements.
Completed
Last Updated: 03 Nov 2016 13:38 by ADMIN
1 2