This is a migrated thread and some comments may be shown as answers.

Sub Tab still shows even if Main Tab is seleted

2 Answers 26 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Vuyiswa
Top achievements
Rank 2
Vuyiswa asked on 12 Jul 2014, 10:40 AM
Good Day 

i am using a Tab-Strib with Multipage Views. I have a SubTab and when the Main Tab is being Selected the Subtab contents still show. 
Here is the example running Project http://www.audit.vetauinvest.com/default.aspx  and here is my code below. The name of the tab with a Sub is "Risk Assessment" after clicking it , click on the any main Tab like "Audit Planning" you will notice that the contents of the SubTab still show.  

<div class="exampleWrapper"   style="margin-top:10px;margin-left:50px;">
    <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="MainMenu" SelectedIndex="0"  UnSelectChildren="True" ClickSelectedTab="True" EnableSubLevelStyles="True">
        <Tabs>
            <telerik:RadTab Text="Risk Assessments" Width="180px" >
 
            </telerik:RadTab>
            <telerik:RadTab Text="Audit Planning" Width="180px" Selected="True"></telerik:RadTab>
            <telerik:RadTab Text="Audit Execution" Width="180px"></telerik:RadTab>
            <telerik:RadTab Text="Draft Report" Width="180px"></telerik:RadTab>
            <telerik:RadTab Text="Management comments" Width="200px"></telerik:RadTab>
            <telerik:RadTab Text="Audit Rating" Width="180px" Selected="True"></telerik:RadTab>
            <telerik:RadTab Text="Final report" Width="180px"></telerik:RadTab>
            <telerik:RadTab Text="Follow Ups" Width="180px" Selected="True"></telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <!--Risk Assessment Multi View -->
 
    <telerik:RadMultiPage ID="MainMenu" runat="server"  SelectedIndex="0" CssClass="outerMultiPage"  >
        <telerik:RadPageView  Height="100%" runat="server" ID="PageView1">
 
            <telerik:RadTabStrip runat="server" ID="RiskAssessmentSubTab" CssClass="innerMultiPage" MultiPageID="MultiPageRiskAssessmentSubMenu"  SelectedIndex="0" >
                <Tabs>
                    <telerik:RadTab runat="server" Text="Risk Heatmap" >
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Risk Assessment Criteria">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Detailed Plan">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Inherent Risk Score Explanation">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Controls Risk Score Explanation">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Help">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditPlanning">
            Audit Planning
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditExecution">
            Audit Execution
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageDraftReport">
            Draft Report
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageManagementcomments">
            Management comments
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditRating">
            Audit Rating
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageFinalreport">
            Final report
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageFollowUps">
            Follow Ups
        </telerik:RadPageView>
    </telerik:RadMultiPage>
 
    <telerik:RadMultiPage runat="server" ID="MultiPageRiskAssessmentSubMenu" SelectedIndex="0" CssClass="innerMultiPage"  >
 
        <!--Main Views -->
        <telerik:RadPageView   Height="100%" runat="server" ID="PageRiskHeatmap">
         Risk Heatmap
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageRiskAssessmentCriteria">
        Risk Assessment Criteria
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageDetailedPlan">
        Detailed Plan
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageInherentRiskScoreExplanation">
        Inherent Risk Score Explanation
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageControlsRiskScoreExplanation">
        Controls Risk Score Explanation
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageHelp">
        Help
        </telerik:RadPageView>
 
    </telerik:RadMultiPage>
</div>
 

i will keep on looking for a solution while one of you point out the issue. 

Thanks for the help again

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 1
answered on 23 Jul 2014, 09:55 AM
Hi Vuyiswa Maseko,

Please try to add 'MultiPageRiskAssessmentSubMenu' inside 'RiskAssessmentSubTab' RadTabStrip and mention the PageViewID for all RadTab as follows.

ASPX:
<div class="exampleWrapper" style="margin-top: 10px; margin-left: 50px;">
    <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="MainMenu" UnSelectChildren="True" ClickSelectedTab="True" EnableSubLevelStyles="True">
        <Tabs>
            <telerik:RadTab Text="Risk Assessments" Width="180px" PageViewID="PageView1">
            </telerik:RadTab>
            <telerik:RadTab Text="Audit Planning" Width="180px" PageViewID="PageAuditPlanning">
            </telerik:RadTab>
            <telerik:RadTab Text="Audit Execution" Width="180px" PageViewID="PageAuditExecution">
            </telerik:RadTab>
            <telerik:RadTab Text="Draft Report" Width="180px" PageViewID="PageDraftReport">
            </telerik:RadTab>
            <telerik:RadTab Text="Management comments" Width="200px" PageViewID="PageManagementcomments">
            </telerik:RadTab>
            <telerik:RadTab Text="Audit Rating" Width="180px" PageViewID="PageAuditRating">
            </telerik:RadTab>
            <telerik:RadTab Text="Final report" Width="180px" PageViewID="PageFinalreport">
            </telerik:RadTab>
            <telerik:RadTab Text="Follow Ups" Width="180px" PageViewID="PageFollowUps">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="MainMenu" runat="server" CssClass="outerMultiPage">
        <telerik:RadPageView Height="100%" runat="server" ID="PageView1">
            <telerik:RadTabStrip runat="server" ID="RiskAssessmentSubTab" MultiPageID="MultiPageRiskAssessmentSubMenu">
                <Tabs>
                    <telerik:RadTab runat="server" Text="Risk Heatmap" PageViewID="PageRiskHeatmap">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Risk Assessment Criteria" PageViewID="PageRiskAssessmentCriteria">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Detailed Plan" PageViewID="PageDetailedPlan">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Inherent Risk Score Explanation" PageViewID="PageInherentRiskScoreExplanation">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Controls Risk Score Explanation" PageViewID="PageControlsRiskScoreExplanation">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Help" PageViewID="PageHelp">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="MultiPageRiskAssessmentSubMenu">
                <telerik:RadPageView Height="100%" runat="server" ID="PageRiskHeatmap">
                    Risk Heatmap
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="PageRiskAssessmentCriteria">
                    Risk Assessment Criteria
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="PageDetailedPlan">
                    Detailed Plan
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="PageInherentRiskScoreExplanation">
                    Inherent Risk Score Explanation
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="PageControlsRiskScoreExplanation">
                    Controls Risk Score Explanation
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="PageHelp">
                    Help
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditPlanning">
            Audit Planning
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditExecution">
            Audit Execution
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageDraftReport">
            Draft Report
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageManagementcomments">
            Management comments
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageAuditRating">
            Audit Rating
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageFinalreport">
            Final report
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="PageFollowUps">
            Follow Ups
        </telerik:RadPageView>
    </telerik:RadMultiPage>
</div>

Thanks,
Shinu.
0
Vuyiswa
Top achievements
Rank 2
answered on 24 Jul 2014, 11:39 AM
Thank you very much. it helped. 

Regards 

Vuyiswa
Tags
TabStrip
Asked by
Vuyiswa
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 1
Vuyiswa
Top achievements
Rank 2
Share this question
or