Customising Table Wizard

[HWNeil]

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



[Dobromir]

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

[HWNeil]

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

[Dobromir]

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

[HWNeil]

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