Customising Table Wizard

5 posts, 0 answers
  1. HWNeil
    HWNeil avatar
    8 posts
    Member since:
    Mar 2010

    Posted 21 Jun 2011 Link to this post

    Hi guys

    As pe the example at http://demos.telerik.com/aspnet-ajax/editor/examples/externaldialogspath/defaultvb.aspx, I'm trying to hide two of the four tabs when you use 'Table Wizard'.

    I'd like to keep Designer and Accessible Table but omit TableProperties and CellProperties - I can hide the two tabs but when clicking on the 'Accessible' tab, I get the content from the 'Table Properties' tab instead.

    How can I hide the two tabs AND ensure the remaining two tabs behave as expected? Is it because the second tab is always expected to be the Table Properties one?

    I had used this code in TableWizad.ascx:

    <telerik:RadTabStrip ShowBaseline="true" ID="TableWizardTab" runat="server" SelectedIndex="0" MultiPageID="dialogMultiPage">
        <Tabs>
            <telerik:RadTab Text="Table Design" Value="Tab1HeaderText">
            </telerik:RadTab>
            <telerik:RadTab Text="Table Properties"  Value="Tab2HeaderText">
            </telerik:RadTab>
            <telerik:RadTab Text="Cell Properties" Visible="false" Value="Tab3HeaderText">
            </telerik:RadTab>
            <telerik:RadTab Text="Accessibility" Value="Tab4HeaderText">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>

    Any help would be greatly appreciated.

    Regards

    Neil


  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 23 Jun 2011 Link to this post

    Hello Neil,

    I am not quite sure why you experience this issue. From the provided code snippet I see that you have used the recommended approach to hide the unwanted tabs (setting Visible="false"). However, only the "Cell Properties" tab is hidden while in the screenshot only two tabs are visible. Could you please verify that this is the correct code?

    For your convenience I have attached modified TableWizard.ascx which is working as expected on my side.

    Kind regards,
    Dobromir
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. HWNeil
    HWNeil avatar
    8 posts
    Member since:
    Mar 2010

    Posted 23 Jun 2011 Link to this post

    Hi

    Thanks for the response.

    Sorry, I pasted the code a little too early - I set 'visible=false' to the Table Layout tab too, which shows only the two tabs from four.

    The problem is that although the Accessibility tab (initially tab number 4) display the correct text, clicking it displays the actions for the original tab 2 - it seems like the behaviour for tab 2 remains, despite the label change.

    Neil
  4. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 24 Jun 2011 Link to this post

    Hi Neil,

    This is indeed very strange. Basically, each tab have corresponding PageView bound by indexes, thus the first tab (<telerik:RadTab Text="Table Design" Value="Tab1HeaderText">) corresponds to the first pageview (<telerik:RadPageView ID="tableDesignRow" runat="server">).

        .......
    <tr>
        <td class="reTopcell">
            <telerik:RadTabStrip ShowBaseline="true" ID="TableWizardTab" runat="server" SelectedIndex="0" MultiPageID="dialogMultiPage">
                <Tabs>
                    <telerik:RadTab Text="Table Design" Value="Tab1HeaderText">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Table Properties" Value="Tab2HeaderText" Visible="false">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Cell Properties" Value="Tab3HeaderText" Visible="false">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Accessibility" Value="Tab4HeaderText">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
        </td>
    </tr>
    <tr>
        <td class="reMiddlecell" style="height: 400px; padding: 0; vertical-align: top;">
            <telerik:RadMultiPage ID="dialogMultiPage" runat="server" SelectedIndex="0">
                <telerik:RadPageView ID="tableDesignRow" runat="server">
                    <dc:TableDesign id="tableDesignPanel" runat="server">
                    </dc:TableDesign>
                </telerik:RadPageView>
                <telerik:RadPageView ID="tablePropertiesRow" runat="server">
                    <dc:TableProperties id="tablePropertiesPanel" runat="server">
                    </dc:TableProperties>
                </telerik:RadPageView>
                <telerik:RadPageView ID="cellPropertiesRow" runat="server">
                    <dc:CellProperties id="cellPropertiesPanel" runat="server">
                    </dc:CellProperties>
                </telerik:RadPageView>
                <telerik:RadPageView ID="accessibilityRow" runat="server">
                    <dc:AccessibleTable id="accessibilityPanel" runat="server">
                    </dc:AccessibleTable>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </td>
    </tr>
        ........


    Have you tried the modified ascx file attached in my previous answer? Do you experience the same problem with it?

    Greetings,
    Dobromir
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. HWNeil
    HWNeil avatar
    8 posts
    Member since:
    Mar 2010

    Posted 27 Jun 2011 Link to this post

    Hi Dobromir

    Thanks again for the reply.

    Yes, I get the same problem even with your file - the second tab displays the text 'Accessibility' but clicking it displays the contents of the 'Table Properties' tab instead.

    In the end, I've just removed the other tab to leave only 'Accessibility', which seems to work now as it is displayed initially and doesn't need to be clicked to change.

    Strange one...

    Neil
Back to Top