PanelBar Tabindex does not work

1 posts, 0 answers
  1. Shubhada
    Shubhada avatar
    2 posts
    Member since:
    Mar 2012

    Posted 03 Dec 2017 Link to this post

    I have multiple PanelBars that are placed on a form in a sequence..The Tab key does not take me from first panelbar to the next one..My code is as follows..

    So when I press Tab key down, it does select the first one (radPnlBarFundingSources), but not the second one (radPnlBarContracts) after tabbing from first one 

    Please help!

       <div class="Row">
            <telerik:RadPanelBar runat="server" ID="radPnlBarFundingSources" Width="100%" TabIndex="1">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Funding Source">
                        <ContentTemplate>
                            <telerik:RadListBox runat="server" ID="radLbAvailFundingSource" Height="100px" Width="40%" SelectionMode="Multiple" AllowTransfer="true" TransferMode="Move" AllowTransferOnDoubleClick="true" TransferToID="radLbSelFundingSource" ButtonSettings-AreaWidth="35px" Enabled="True" style="font-family: Verdana, Trebuchet MS,Arial,sans-serif; font-size:0.9em;"></telerik:RadListBox>
                            <telerik:RadListBox runat="server" ID="radLbSelFundingSource" Height="100px" Width="40%"></telerik:RadListBox>
                        </ContentTemplate>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar> 
        </div>
        <div class="Row">
            <telerik:RadPanelBar runat="server" ID="radPnlBarContracts" Width="100%" TabIndex="2">
                <Items>
                     <telerik:RadPanelItem runat="server" Text="Contract">
                        <ContentTemplate>
                            <telerik:RadListBox runat="server" ID="radLbAvailContract" Height="100px" Width="40%" SelectionMode="Multiple" AllowTransfer="true" AllowTransferOnDoubleClick="true" TransferToID="radLbSelContract"  AutButtonSettings-AreaWidth="35px"></telerik:RadListBox>
                            <telerik:RadListBox runat="server" ID="radLbSelContract" Height="100px" Width="40%"></telerik:RadListBox>
                        </ContentTemplate> 
                     </telerik:RadPanelItem> 
                </Items>
            </telerik:RadPanelBar>
        </div>

Back to Top