Sub Tab still shows even if Main Tab is seleted

3 posts, 1 answers
  1. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 12 Jul 2014 Link to this post

    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. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Jul 2014 in reply to Vuyiswa Maseko Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 24 Jul 2014 in reply to Shinu Link to this post

    Thank you very much. it helped. 

    Regards 

    Vuyiswa
Back to Top